problema menu a tendina

[alessandrocarul]

Ciao a tutti,
non riesco a capire dove sbaglio in questi codici... riguardano un menu a tendina (composto da liste) presente in alcune liste. Con firefox non ci son problemi, ma con IE dopo che la tendina appare, quando ci vado sopra e inizio a passare il mouse sulle selezioni dopo la prima il menu scompare. Questo mi capita quasi sicuramente perchè il menu a tendina con la lista, si pone sotto il seconda opzione della lista principale....

JAVASCRIPT
startList = function() {
if (document.all&&document.getElementById) {

navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
this.style.zindex = 50;
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}

window.onload=startList;

CSS
.menu1 {

margin: 5px 11px 0 0;
}
.menu1 li{
height: 20px;
margin: 2px 0 0px -30px;
list-style: none;
padding:0px 0 0 0;
/*border-bottom: 1px solid #595959;*/
}
.menu1 li a {
margin-left: 0;
text-decoration: none;
text-indent:0px;
}

.menu1 li a:link, .menu1 li a:visited {
display: block;
font-weight: bold;
padding: 0 0 0 0;
}

.menu1 li a:hover {
color: #ffffff; /*color: #847A6C; */
/*background:#D6C5B0;*/
padding: 0 0 0 0;
text-indent:8px;
}


ul.mid_menu { /*è il menu principale */
z-index:1;
}
ul.mid_menu li {
position: relative;
}
ul.sotto_menu { /* è il menù a tendina */
z-index:100;
padding: 0px;
margin: 0px;
list-style-type: none;
display: none;
left: 130px;
position: absolute;
top: 0px;
}
ul.sotto_menu li {
float: none;
text-align:left;
width: 169px;
border:0;
margin: 0px;
}
ul.sotto_menu li a:link, ul.sotto_menu li a:visited {
z-index:4000;
display: block;
font-weight: bold;
background:#2d2a23;
height: 25px;
margin: 0px;
}

ul.sotto_menu li a:hover {

background:#f7ffcb;
color:#847A6C;
margin: 0px;
}

ul.mid_menu li:hover ul.sotto_menu {
display: block;
}
ul.mid_menu li.over ul.sotto_menu {
display: block;
}

HTML

<div class="menu1">
<ul class="mid_menu" id="nav">
[*]<span class="tit_gray">Tutto il catalogo e le sue sezioni</span>
[*]HOME STYLE
<ul class="sotto_menu">
[*]menu 1
[*]menu 2
[*]menu 3
[*]menu 4
[*]menu 5
[/list]

[*]DAILY TECHNOLOGY
[*]OFFICE ATMOSPHERE
[*]WRITE DESIGN
[*]BAGS & TRAVEL
[*]PERSONAL CARE
[*]WORK & PLAY
[/list]
</div>

In pratica, quando vado su HOME STYLE mi appare il menu a tendina con le opzioni, ma quando passo gia sulla seconda opzione, il menu scompare... sicuramente perchè l'opzione DAILY TECHNOLOGY prende la precedenza....

[andr983]

Io menu a tendina non ne ho mai fatti, quindi non saprei a priori consigliarti.
Però, hai già provato a cercare di confrontare con altri esempi che si trovano in rete? E vedere se vanno quelli e cos´hanno di diverso dal tuo?
Io questa settimana ho visto un paio di siti che parlavano di ste robe. Prova a cercare!

[alessandrocarul]

ho cercato ma non ho trovato nulla che mi potesse aiutare..

[alessandrocarul]

stavo guardando il menù in questo sito..

http://www.cssplay.co.uk/menus/flyoutt.html

anche in questo caso, se volessi che la tendina apparisse sopra al menu principale, questa apparirebbe sotto al menù principale...