devo realizzare un elemento di pagina che può essere sintetizzato come una tabella a 4 celle
la larghezza e l'altezza della tabella devono essere fisse
l'altezza della prima riga deve essere fissa
la larghezza della prima colonna deve essere fissa, ma se il contenuto eccede la dimensione deve adattarsi
la colonna di destra è libera

in pratica con una tabella sarebbe cosi
codice:
<table width="260" height="120" border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="25">data</td>
    <td></td>
  </tr>
  <tr>
    <td width="80" valign="top"><span style="float:left; height:100%; margin-right:5px;-moz-box-sizing:border-box;">[img]immagine.jpg[/img]</span></td>
    <td>

titolo</p>
    

testo testo testo testo testo testo testo testo testo testo testo testo testo testo
 testo testo testo testo testo testo testo testo testo testo testo testo testo testo </p></td>
  </tr>
</table>
senza tabella ho provato a farlo così
codice:
<div style="width:260px; height:120px;-moz-box-sizing:border-box;">
<p style="float:left">10/10/2010</p>
<p style="clear:both;">.</p>
<p style="float:left; height:100%; margin-right:5px;-moz-box-sizing:border-box;">[img]immagine.jpg[/img]</p>


titolo</p>


testo testo testo testo testo testo testo testo testo testo testo testo testo testo 
testo testo testo testo testo testo testo testo testo testo testo testo testo testo </p>
<hr style="clear:both;" />
</div>
su IE6 funziona bene, ma su firefox se l'immagine o il testo eccedono la dimensione del contenitore si vanno a posizionare malamente

mi arrendo e cedo alle tabelle o c'è un sistema cross platform?