Tre div all'interno di un altro div - problema IE

[Eugene]

Buongiorno!

Ecco cosa abbiamo oggi:
un div "header" che contiene a sua volta tre div "left - center- right".
Il div "center" contiene un filmato flash.
Il problema è che, mentre con NN, FF e opera i tre div vengono posiszionati tutti alla stessa altezza (all'interno del div "header"), con IE il div centrale viene posizionato sotto i due laterali.
Eppure questo non dovrebbe accadere.
Ho provato a non includere il filmato flash in un div ma lasciarlo "libero" all'interno del div "header".
Ancora una volta, con i tre browser sopra menzionati nessun problema, mentre con IE il problema rimane invariato.

Ecco il codice html:

<div id="container">
<div id="header">
<div id="headerLeft"></div>
<div id="headerRight"></div>
<div id="headerCenter">
<object type="application/x-shockwave-flash" data="home.swf" width="690" height="366">
<param name="movie" value="home.swf" />
</object>
</div>
</div>
</div>

e quello css:

div#container{
width: 759px;
margin: 5px auto 0px;
background-color: #C0C1D6;
}

div#header{
height: 366px;
margin: 0px;
padding: 0px;
text-align: center;
}

div#headerLeft{
height: 366px;
width: 30px;
background-image: url(../images/head_left.gif);
float: left;
margin: 0px;
padding: 0px;
}

div#headerRight{
width: 39px;
height: 366px;
background-image: url(../images/head_right.gif);
float: right;
margin: 0px;
padding: 0px;
}

Ho attribuito vari valori al div "headerCenter" ma senza successo perchè mi sono reso conto che non cambia nulla.
O meglio, potrei dargli delle coordinate assolute ed a quel punto lo posizioni dove voglio, ma non capisco perchè così non debba funzione soprattutto perchè il problema è solo con IE. Cribbio!

Grazie.

[Mich_]

Non vedo il CSS per il #headerCenter. Conviene che abbia un float anche quello.

Inoltre ho un dubbio sulle somme: non hai azzerato i bordi, e in qualche browser potrebbero essere di default di 1 px.

Altra considerazione: non capisco la necessita` di mettere i due #headerLeft e #headerRight: io lascerei vuoto, mettendo un
margin o auto;
al #headerCenter e mettendo al #header
text-align: center;
e un background opportuno.

[Eugene]

Ho provato ad azzerare i bordi ma con IE il risultato non cambia, anzi, ho provato a mettere dei borsi per verificare l'ingombro di ogni div e mi sono accorto che mentre gli altri browser visualizzano i tre div affiancati, IE inserisce uno spazio di qualche pixel tra di loro.
Per questo una volta specificata la larghezza del div centrale sballa tutto, perchè IE inserisce una manciata di pixel che non ci dovrebbero essere.
E non riesco ad eliminarli con i padding, border o margin.

Non capisco.

La soluzione che dici tu è da provare, quindi dovrei eliminare i div laterali ed impostare un unico sfondo nel div "header".

Potrebbe funzionare.

Tornerò appena fatte le dovute prove.