Menüs basierend auf CSS

Habe gem. just2b's Howto mal das Menü (horizontal) in meine Testumgebung eingebaut.

Erstmal großes Lob - so kompakt und valide muß man das erstmal hinbekommen.

Funktioniert auch soweit alles wunderbar - in jedem Browser. Menü klappt aus...irgendwie verzweifle ich nur daran, dass ich den letzten Menüpunt nicht anders stylen kann? Trenne das über CSS

#nav li li {
width: 14em;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFF;
}

mit einem Strich unter jedem Menüpunkt. Ich weiß das ich das mit dem letzten Eintrag über optionsplit lösen muß - bekomme es aber nicht hin...???

temp.MAINNAVI = HMENU
temp.MAINNAVI {
	special = list
	special.value = 8,83,6,4,113,145,120

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	
	2 < .1	
	2.wrap = <ul id="nav2">|</ul>
	noBlur = 1
	NO = 1
	NO.wrapItemAndSub = <li>|</li>

	3 < .2
	4 < .2
}

lib.MAINNAVI < temp.MAINNAVI

"nav2" damit ich das ausgeklappte Menü anders stylen kann...

Kann mir jemand einen Anhaltspunkt geben? Optionsplit ist sonst nicht das Problem, aber irgendwie finde ich hier nicht den richtigen Einstiegspunkt...?

Hier der Link:
http://rheosol.de/strauven.de/index.php?id=8

wrap = |*||*| <li> | </li> || <li class="last"> | </li>

"nav2" damit ich das ausgeklappte Menü anders stylen kann...

Dafür bräuchtest du die zusätzliche id nicht unbedingt.

Nicht? Ich dachte das wäre das Prinzip dieser Vererbung?

Du vergibst für eine ungeordnete Liste eine ID. Das hat nichts mit Vererbung zu tun. Wenn du folgendes hast:

<ul id="nav1">
  <li>
    <ul></ul>
  </li>
</ul>

dann kannst du über CSS die 2. Liste problemlos ansprechen über:

ul#nav1 li ul {
}