Servus,
ich arbeite gerade an einem Dropdown-Menü in Css, welches von allen browsern verstanden werden soll. Die Menüs klappen sich auch bereits ordentlich auf, jedoch sind leider alle Menüs einen CM nach rechts verschoben, gemessen an der horizontalen Hauptebene. Was übersehe ich hier? Hier mal mein Listing:
#menu {
font-size:14px;
position:absolute;
left:2%;
top:20%;
}
#menu ul {
background: white;
float: left;
-webkit-transition: .5s;
transition: .5s;
margin: 0;
}
#menu li {
float: left;
position: relative;
width: 150px;
list-style: none;
-webkit-transition: .5s;
transition: .5s;
}
#menu a {
display: block;
text-decoration: none;
padding: 5px 0px;
margin: 0;
}
#menu ul ul {
position: absolute;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
margin: 0;
}
#menu ul ul ul {
left: 100%;
top: 0;
margin: 0;
}
#menu li:hover > ul {
visibility: visible;
opacity: 1;
margin: 0;
}
Danke im Voraus für Eure Hilfe
Richard