dovendo realizzare un nuovo sito, mi sono imposto di farlo utilizzando div e css al posto delle tabelle
Il design che ho scelto per il sito, se realizzato con tabelle, lo avrei fatto per la parte sopra così (semplificando)

<table>
<tr>
<td width="100">[img]1.gif[/img]</td>
<td width="100%" bgimage="pippo.gif"></td>
<td width="100">[img]2.gif[/img]</td>
</tr>
</table>


1 cella fissa, 2° cella con backgroud e liquida, 3° fissa

qual'è ora il modo più corretto per realizzare questo con i css e div ?

avevo provato con
<div id="primario">[img]1.gif[/img][img]2.gif[/img]</div>

ma non riuscivo. O l'immagine 2 andava sotto, oppure lo sfondo del div primario non si vedeva

ho dovuto risolvere così

<div class="AllineaSinistra">[img]img/testata1.gif[/img]</div>
<div id="testata">[img]img/testata2.gif[/img]</div>

dove allinea sinistra è
.AllineaSinistra{
float: left;
width: 124px;
margin: 0px;
}
#testata{
background-image: url(img/testata_sfondo.gif);
margin: 0px;
text-align: right;
}



ho fatto bene ? il risultato mi sembra ok, ma racchiudere la 1° immagine in un div non sò se sia corretto