Ho questo layout:

codice:
<div style="border:1px solid black;background-color:#d4d4d4;">
  <div style="float:left;padding:5px;background-color:#a3a3a3;">
    colonna 
     di 
     sinistra


  </div>
  <div style="float:right;padding:5px;background-color:#a3a3a3;">
    colonna 
     di 
     destra


  </div>
  <br style="clear:both;" />
</div>
Su firefox ottengo l'effetto desiderato, ovvero una sorta di sfondo per entrambe le colonne.

Su internet explorer la visualizzazione è totalmente differente.

Sembra che il livello contenitore non veda i livelli contenuti (in realtà non li vedeva nemmeno firefox ma con il br li risolvo...), penso perché questi hanno proprietà float.

Non vorrei specificare l'altezza del livello contenitore perché tanto la colonna di sinistra quanto quella di destra possono variare in altezza... come si può fare?

grazie!