[Wienerr]

hallo,

ich möchte ein ganz einfaches horizontales Aufklappmenü erstellen nach dem "CSS in der Praxis-das Umfassende Training 2011". leider klappt es bei mir nicht so ganz wie bei dem Autor.

hier ist es:



<div id="navi">

<ul>
<li>
<a href="#">Menü</a>
<ul>
<li><a href="#">Socken1</a></li>
<li><a href="#">Socken2</a></li>
<li><a href="#">Socken3</a></li>
</ul>
</li>
</ul>
</div>


mit CSS:

#navi {
margin: 0;
padding: 0;
}

#navi ul li {
display: inline;
position: relative;
}

#navi ul ul {
display: none;
}

#navi ul li:hover>ul {
display: block;
position: absolute;
}
-----------------------------------------------------------------------------------------------------------

der Autor schwört auf die funktionalität in allen Browsern doch bei mir in Chrome, IE7 und in Opera funktioniert das Aufklappmechanismus nicht immer, mal verschwindet die Aufklappmenü wenn ich vom Menü auf die Aufklappmenü gehen möchte. und vor allem werden alle Aufklappmenüs bei mir In IE7 und Opera links gefloatet.

[.halbschatten]

bin nicht wirklich hmtl/css bewandert aber gehoert das ">" da hin?

#navi ul li:hover>ul {
display: block;
position: absolute;
}

[top]

[Wienerr]