Salve, sono due giorni che sono dietro ad un problema su un menu drop dows in css e javascript
Sicuramente sarà una banalità ma evidentemente mi sfugge qualcosa
Il menu in questione l ho prelevato da menujavascript.org.

Premetto che il problema si presenta solo su internet explorer, in pratica andando con il mouse sulla voce principale del menu fa apparire un sottomenu con varie voci uscendo dal sottomenu spariscono le sottovoci e torna il menu orizzontale.
Questo è quanto accade con chrome o firefox, con internet invece se provo ad andare nelle sottovoci il sottomenu sparisce.
posto il codice
css
<style>
#contain {
width: 830px;
border: 0px;
margin: 0px auto;
padding: 0px;
}
#top {
width: 830px;

margin-left: auto;
margin-right: auto;
background-image: url(img/topx.gif);
background-repeat: no-repeat;
background-position: top left;
margin-left: 0px;
margin-bottom: 10px;


}

#bottom {
width: 830px;
margin-left: auto;
margin-right: auto;
background-image: url(img/downx.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #ffffff;
padding: 0px 0px 10px 0px;
position: relative;
top: 14px;

}
#MJ_MainMenu
{
background: #ffffff;
border: solid 0px #000000;
}
td.MJ_MainMenu
{
vertical-align: top;
width: 100px;
}
div.MJ_HiddenLink
{
visibility: hidden;
position: absolute;
}
div.MJ_VisibleLink
{
visibility: visible;
position: absolute;
width: 150px;
margin: 0px 0px 0px -1px;
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}
a.MJ_VoiceClass, a.MJ_VoiceClass:hover
{
display: block;
position: relative;
font-weight: bold;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
a.MJ_VoiceClass
{
color: #000000;
}
a.MJ_VoiceClass:hover
{
color: #FFCC00;
}
a.MJ_LinkClass, a.MJ_LinkClass:hover
{
display: block;
position: relative;
color: #000000;
text-decoration: none;
padding: 5px 0px 5px 5px;
border-bottom: solid 1px #000000;
}
a.MJ_LinkClass
{
background: #EEEEEE;
}
a.MJ_LinkClass:hover
{
background: #DDDDDD;
}

----------------
Javascript
function MJ_OpenMenu(MJ)
{
document.getElementById("MJ_" + MJ).className = "MJ_VisibleLink";
}
function MJ_CloseMenu(MJ)
{
document.getElementById("MJ_" + MJ).className = "MJ_HiddenLink";
}
_________________
html
<table id="MJ_MainMenu" cellpadding="0" cellspacing="0"><tr>
<td class="MJ_MainMenu" onmouseover="MJ_OpenMenu(1)" onmouseout="MJ_CloseMenu(1)">
Chi siamo
<div id="MJ_1" class="MJ_HiddenLink" >
La nostra storia
Torna all'homepage

</div>
</td>
<td class="MJ_MainMenu" onmouseover="MJ_OpenMenu(2)" onmouseout="MJ_CloseMenu(2)">
Realizzazioni
<div id="MJ_2" class="MJ_HiddenLink">
Divani
Divani letto
Poltrone
Tende da interno
Tende da esterno
</div>
[.............]
(ho postato solo le prime 2 voci
Sarà sicuramente un problema già noto, ma in 2 giorni nn sono riuscito a trovare una soluzione
Grazie per l'attenzione