Buongiorno.

Il problema è il seguente: tramite js gestisco la visibilità di un div contenente un elenco.
Ovviamente, quando l'elenco è visibile aumenta l'altezza del div.
Con IE non ho problemi, mentre con gli altri browser il div contenente l'elenco si sovrappone o provoca lo spostamento di quelli sottostanti.

Per farvi un'idea potete vedere il lavoro in corso alla pagina http://www.yodastudio.com/prove/tvs/template_nav.htm.

Se provate a cliccare sulle parole "Camcorder" e "Videoregistratori" noterete quanto sopra indicato.

Il codice css degli elementi in questione è il seguente:

.rigaMenuProd {
margin: 20px 0px;
width: 562px;
display: compact;
}

.boxMenuHide1 {
margin: 0 0 0 1px;
padding: 0 5px;
width: 170px;
text-align: left;
display: block;
float: left;
position: relative;
}

.boxMenuHide2 {
margin: 0;
padding: 0 5px 0 0;
width: 175px;
position: relative;
text-align: left;
display: block;
}

.boxMenuHide3 {
margin: 0 2px 0 0;
padding: 0 5px;
width: 170px;
position: relative;
text-align: left;
display: block;
float: right;
}

.elencoHide {
background-color: #F7F8FB;
margin: 5px;
padding: 5px;
}

Faccio presente che con i css non sono un esperto, quindi non è escluso che la soluzione sia più semplice di quanto io non pensi.

Grazie

PS. nella pagina dalla quale ho preso lo script vegono usate le tabelle e questo problema non si presenta, ma sto cercando di fare il possibile per non utilizzare più questo elemento.