Thema: Superfish Menu Untermenu versetzt in IE

Hallo,

woran liegt es, dass in Opera, Firefox und Safari das Untermenü direkt unter den Hauptmenüpunkten angezeigt wird aber im IE nicht?

In den ersteren Dreien ist auch border left und top zu sehen, aber im IE nur "etwas" von border left.

Wo muss ich denn da was ändern? Hat jemand eine Idee?

http://www.norgetest.de/html/joomla/

Gruß Sanni

... habe nicht mehr versucht im css von superfish was zu ändern, es neu und unverändert erneut hochgeladen.

Bin jetzt glücklicher mit "according list" im modul von superfish (was in Safari Firefox und Opera funktioniert), aber das submenü-anzeigenproblem habe ich immer noch im IE. Jetzt zerschiesst es mir alles wenn man mit der Maus über die Hauptmenüpunkte fährt.

gibt es denn niemanden der mir einen Tipp geben kann, WO ich ansetzen muss? Habe jetzt in meiner css überall versucht was zu ändern, vergebens. Auch im Modul im Backend habe ich keine lösung gefunden.

hier mal ein Ausschnitt meines Css:

/*List Classes*/

.mainmenu ul {
padding:0px;
margin:15px 100px 0 0;
float:right;
list-style-type: none;
height: 23px;

}

.mainmenu ul li {
float:left;
list-style:none;
background-image: url(button.png);
width: 128px;
height: 23px;
text-align: center;
list-style-type: none;
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
padding: 0;


}

.sf-menu ul {
padding:0px;
margin:0;
float:right;
list-style-type: none;
height: 23px;
visibility: visible;
z-index: 99;
}

.sf-menu ul li {
float:left;
list-style:none;
background-image: url(button.png);
width: 128px;
height: 23px;
text-align: center;
list-style-type: none;
z-index: 99;
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
padding: 0;
}


.moduletable_menu ul {
padding:1px 0px;
margin: 0px 0 60px 45px;
list-style-type: none;
float: left;
left: 45px;
leftmargin:45px;
}

.moduletable_menu ul li {
display:block;
padding:0;
margin:0;
background-image: url(pfeil.gif);
background-repeat: no-repeat;
}

/*Link Classes*/
.mainmenu ul li a:link, .mainmenu ul li a:visited {
text-decoration:none;
color: #FFFFFF;
font-size: 11px;
list-style-type: none;
letter-spacing: 2px;
line-height: 23px;
text-align: center;


}

.mainmenu ul li a:hover {
color: #ffffff;
font-size: 11px;
text-decoration: none;
list-style-type: none;
letter-spacing: 2px;
line-height: 23px;
text-align: center;

}

.sf-menu li {
background: #BDD2FF;
}
.sf-menu li li {
background: #B2A75F;
}
.sf-menu li li li {
background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #adb1b8;
outline: 0;
}


.sf-menu ul li a:link, .sf-menu ul li a:visited {
text-decoration:none;
color: #FFFFFF;
font-size: 11px;
list-style-type: none;
letter-spacing: 2px;
line-height: 23px;
text-align: center;
width: 128px;
height: 23px;

}

.sf-menu ul li a:hover {
color: #ffffff;
font-size: 11px;
text-decoration: none;
list-style-type: none;
letter-spacing: 2px;
line-height: 23px;
text-align: center;
width: 128px;
height: 23px;

}

Stimmt bestimmt nicht alles... aber ich lerne ja noch ;O)

Ich habs: margin:0; bei .sf-menu ul li !!!!!

;o))))))