bordo div spostato in FF

[Immaginando]

Ciao a tutti!

sto cercando di impilare 3 div in ognuno dei quali c'e un menu.
si insomma, ho 3 menu orizzontali uno sopra l'altro e ho pensato di inserirli in 3 div differenti.

nell'ultimo div (quello + basso) devo metterci il bordo.
Bene in IE e' a posto, ma in FF mi vede il bordo spostato in alto, come se il mio box fosse + in alto ma di fatto il menu e' sotto gli altri 2...
potete aiutarmi a capire?!

posto il codice:

html:

<div id="contenitoreMenu">
                    <div class="menuProdotti">
                    <ul>
                        [*][url=".."] prodotti1[/url]
                        [*][url=".."] prodotti2[/url]
                        [*][url=".."] prodotti3[/url]
                    [/list]
                    </div>
      
                  <div class="menuIstituzionale">
                <ul>
                        [*][url=".."]azienda[/url]
                        [*][url=".."]prodotti[/url]
                        [*][url=".."]noi[/url]
                        [*][url=".."]voi[/url]
                        [*][url=".."]loro[/url]
                        [*][url=".."]essi[/url]
                    [/list]
                   </div>
                
                
                <div class="menuSottoprodotti">
                <ul>
                        [*][url=".."]aaa[/url] 
                        [*][url=".."]bbb[/url] 
                        [*][url=".."]ccc[/url] 
                        [*][url=".."]ddd[/url]
                        [*][url=".."]eee[/url][*][url=".."]fff[/url]
                    [/list]
                </div>
                          
</div> 

css:

#contenitoreMenu {
    margin-top: 60px;
    width: 100%;
}


.menuProdotti {
    /*width: 510px;*/
    margin-left: 30px;
    clear: right;
}
.menuProdotti ul {
    list-style-type: none;
}
.menuProdotti li {
    float: left;
    padding-right: 110px;
}


.menuIstituzionale {
    /*width: 510px;*/
    margin-left: 80px;
    margin-top: 50px;
    clear: right;
}
.menuIstituzionale ul{
    list-style-type: none;
}
.menuIstituzionale li {
    float: left;
    padding-right: 15px;
}


.menuSottoprodotti {
    width: 510px;
    margin-left: 80px;
    border: 1px solid #666666;
}
.menuSottoprodotti ul{
    list-style-type: none;
}
.menuSottoprodotti li {
    float: left;
    padding-right: 15px;
} 

[sonik_the_sonik]

Provando a impostare clear:both a .menuSottoprodotti cambia niente?

[Immaginando]

Originariamente inviato da sonik_the_sonik
Provando a impostare clear:both a .menuSottoprodotti cambia niente?

Uh!
si grazie

me n'ero proprio scordata!

[sonik_the_sonik]

De nada!!