Hallo,
ich habe im IE7 bei einem Dropdown Menü große Probleme…
Der IE7 macht die Untermenüs einfach nicht auf!
Kann mir jemand dabei helfen, ich verzweifle sonst noch. Hier der Code aus dem Stylesheet:
[CODE]/* Begin Horizontal Menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.dropdown {
position: relative;
float: left;
z-index: 1;
font-weight: bold;
list-style-type: none;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
color: #000;
padding: 0px 10px;
list-style-type: none;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
background-color: #edfba8;
color: #000;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
width: 150px;
list-style-type: none;
}
ul.dropdown ul li {
float: none;
font-weight: normal;
padding: 5px 10px;
background-image: url(images/horizontal-menu/bg-horizontalmenu.png);
background-repeat: repeat;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
list-style-type: none;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown *.dir {
padding-right: 20px;
background-image: url(images/horizontal-menu/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.dropdown-horizontal ul .dir {
padding-right: 15px;
background-image: url(images/horizontal-menu/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
/ END Horizontal Menu */[/CODE]