Firefox-ban és Chrome-ban szépen megjelenik, ahogy kell, pont úgy, ahogy én akarom a következő képpen:
Csatolás 1108
IE-ben viszont nem úgy jelenik meg. A lenyíló menü nem a főmenü alatt, hanem mellette jelenik meg.
Csatolás 1109
Mit kéne változtatnom, hogy jó legyen, illetve ugyanúgy nézzen ki ie-ben is, mint ff-ben és chrome-ban?
Az alábbi kódoth használom jelenleg:
CSS:
FORRÁS:HTML kód:#top-menu {
float:left;
}
#top-menu li {
display:inline;
list-style:none;
float:left;
}
#top-menu li a {
display:block;
}
#top-menu li ul {
display:none;
position:absolute;
z-index:1;
border: double #AAA;
border-width:0 3px 3px;
}
#top-menu li li {
float:none;
list-style:none;
margin:0;
padding:0;
border:0;
}
#top-menu li:hover ul {
float:none;
display: block;
}
#top-menu li li a {
display:block;
overflow:hidden;
}
ArniHTML kód:<ul id="top-menu">
<li><a href="/">Szolgáltatásaink</a>
<ul>
<li><a href="/">valami1</a></li>
<li><a href="/">valami2</a></li>
</ul>
</li>