Hallo zusammen, ich habe ein Problem mit einer einblendbaren Navigation... Im FF funktioniert das ganze wunderbar aber im IE nicht und ich denke mir das liegt an ein bisschen Murks in dieser css:
Code
UL.dropdown {
padding:0px; margin:0px; width:119px; LIST-STYLE-TYPE:none;
}
UL.dropdown UL {
padding:0px; margin:0px; width: 119px; LIST-STYLE-TYPE:none;
}
UL.dropdown LI {
padding:0px; position:relative;
}
UL.dropdown A {
DISPLAY: block
}
UL.dropdown UL {
DISPLAY: none; LEFT: -1px; POSITION: absolute; TOP: 100%
}
UL.dropdown UL UL {
DISPLAY: none; LEFT: 100%; POSITION: absolute; TOP: 0%
}
UL.dropdown LI:hover UL UL {
DISPLAY: none
}
UL.dropdown LI:hover UL UL UL {
DISPLAY: none
}
UL.dropdown LI:hover UL {
DISPLAY: block
}
UL.dropdown UL LI:hover UL {
DISPLAY: block
}
UL.dropdown UL UL LI:hover UL {
DISPLAY: block
}
UL.dropdown a.has_submenu {
no-repeat
}
#one {
border:0px; background-color: transparent;
}
#one a {
width:119px; height:21px; padding:0px; text-decoration: none;
}
#one a:hover {
color: #ffffff; background-color: transparent; padding:0; margin:0;
}
#nav {
border: #999999 1px solid; background-color: #dfdfdf;
}
#nav a {
width:116px; height:10px; padding: 3px; text-decoration: none;
}
#nav a:hover {
color: #ffffff; background-color: #8A7A00; padding:3px;
}
#nav UL {
border: #999999 1px solid; background-color: #dfdfdf;
}Hier das html (wo ich denke das da der Fehler nicht ist.)
Code
<UL class=dropdown id=one>
<LI><a class=has_submenu onFocus="this.blur()" href="index.php?action=archiv"
onmouseover="changeImages('archiv', 'images/index/archiv-over.jpg'); return true;"
onmouseout="changeImages('archiv', 'images/index/archiv.jpg'); return true;">
[img]images/index/archiv.jpg[/img]</a>
<UL id=nav>
<LI>[url='index.php?action=']test[/url]
<LI>[url='index.php?action=']test[/url]
<LI>[url='index.php?action=']test[/url]
<LI>[url='index.php?action=']test[/url]
<LI>[url='index.php?action=']test[/url]
</LI>
[/list][/list]Danke im voraus.
