Ciao, non riesco a fare una cosa semplice semplice:

vorrei creare due div, affiancati e a larghezza fissa(210px).

Di questi due contenitori interni, il primo, quello di sinistra, è largo 300px; mentre al suo fianco, sulla destra, c'è il secondo, che occupa tutto il resto dello schermo.

Non dovrebbe essere complicato, ma non capisco dove sbaglio:

codice:
<div id="header1"></div>
<div id="header2"></div>

e nel css:
div#header1{float:left;width:400px;height:210px;background: url(header.png) no-repeat top left}
div#header2{width:100%;height:210px;background: url(header2.png) repeat-x top left}
Il risultato che vorrei ottenere è quello visualizzato con firefox. Perchè IE mette i due contenitori uno sotto l'altro?