✔ Verschachtelte Unordered List horizontal darstellen klappt nicht

[Chocobanana]

Hi Leute!

Ich reiß mir schon sämtliche Haare aus... Seit Mittag kämpfe ich mit einer unordered list, besser gesagt mit Zweien. Die sehen in etwa so aus:

<ul id="mainlevel-nav">
<li>Elem1</li>
<li>Elem2</li>
<li>Elem3
  <ul><li>SubElem1</li><li>SubElem2</li></ul>
</li>
<li>Elem4</li>
<li>Elem5</li>
</ul>

Nun hab ich es bereits geschafft, die "Mainlevel-Liste" horizontal darzustellen, aber bei der "inneren" Liste klappt das nicht. Könnt ihr mir da weiterhelfen? Hier noch der zugehörige CSS Code:

ul#mainlevel-nav {
	list-style: none;
}

ul#mainlevel-nav li {
	display: block;
	float: left;
}

ul#mainlevel-nav li a { color:#999999; }

ul#mainlevel-nav li a:hover{ color:#fda456; }

/*Sublevel*/
ul#mainlevel-nav li ul{
	display: block;
	float: left;
	position: relative;
	top: 10px;
}

ul#mainlevel-nav li ul li{ display: inline;}

ul#mainlevel-nav li ul li a { color: #d691af; }

ul#mainlevel-nav li ul li a:hover{ color:#fda456; }
/* END */

Mit der Deklaration "Display: inline" kann ich auf der obersten Ebene leider nicht arbeiten weil ich für jedes Listenelement ein Hintergrundbild einfüge. Somit muss ich diesem <li> eine Breite und Höhe geben, was aber bei Inline-Objekten nicht funktioniert (Hab ich so gelesen und auch probiert )

Ansehen könnt ihr euch das ganze auf meiner "Baustelle": http://www.mba-showbar.com/showbar

Vg,
Choco

 

[Maik]

Hi,

mit deinem gezeigten Stylesheet wird bei mir auch das Untermenü horizontal ausgerichtet.

mfg Maik

 

[Chocobanana]

Boa ne, dann muss ich wohl alles durchackern bis ich weiß wo der Fehler herkommt :-( Hast eventuell ne Vermutung?