Hallo ihr,
ich stehe vor einem kleineren Problem. Ich habe folgenden
HTML-Code:
Code:
<ul id="menu">[*]
Foobar
<ul>[*]Blabla[*]More Blabla[*]Even more Blabla[/list] [*]Foobar[*]Foobar[/list]
Die Liste zwinge ich mit folgendem CSS-Code, wie ein horizontales Menue auszusehn:
Code:
#menu {
list-style-type:none;
}
#menu li {
float:left;
}
Die Subliste ist per default ausgeblendet, wird aber eingeblendet, sobald man mit der Maus ueber das Element faehrt:
Code:
#menu li ul {
display:none;
}
#menu li:hover ul {
display:block;
}
#menu li li {
float:none;
}
Mein Problem ist jetzt, dass das li-Element in der horizontalen Liste sich an die Breite der Subliste anpasst, sobald ich mit der Maus drueberfahr. Ich hab schon versucht, mit overflow:visible zu arbeiten, das funktioniert aber nur, wenn man eine Breite notiert. Hat jemand vielleicht eine Idee, wie ich den Effekt vermeiden kann?
Greetz
alcaeus