Somma di larghezze di DIV

[scoppato]

Ciao a tutti.
Come al solito si esce pazzi con IE6.
Sto realizzando un sito, il quale ha una banda orizzontale che ha una larghezza d totale di 918px;
Questo è il codice del CSS della banda:

#barraMenu {
    height:31px;
}
        #spallaSx01 {
            width:127px;
            height:31px;
            background: url(../immagini/01sx.jpg) no-repeat;
            float:left;
        }
        #menu {
            width:623px;
            height:31px;
            background: url(../immagini/fondoNavigazione.jpg) no-repeat;
            float:left;
        }
        #spallaDx01 {
            width:168px;
            height:31px;
            background: url(../immagini/01dx.jpg) no-repeat;
            float:left;
        } 

e questo è il codice HTML corrispondente:

<div id="barraMenu">
    <div id="spallaSx01"></div>
    <div id="menu"></div>
    <script type="text/javascript">
    var objBarra = new SWFObject("ElementiModello/barra.swf", "barra", "619", "24", "9", "#FFFFFF");
    objBarra.addParam("wmode", "transparent");
    objBarra.write("menu");
    </script>
 <div id="spallaDx01"></div>                                

</div> 

questa barra si vede correttamente in FireFox, in IE7 ma in IE6 l'ultimo box che ho chiamato spallaDx01 va sotto gli altri due, cioè non rimane allineato con gli altri.
Ho fatto 1000 tentativi, ho anche pensato di togliere l'animazione flash che vedete richiamata nel codice, ma niente da fare, risolvo il problema solo accorciando di 3px uno dei tre box, ma questo significa ottenere degli errori visivi sul layout, per i tre box contengono come sfondo degli elementi grafici.

Qualcuno mi saprebbe aiutare?