wieso vergibst du soviele id´s und classen?
die 2. ebene gehört schon in die erste, das is richtig.Möchtest du dass die 2. ebene aufklappt oder soll sie immer angezeigt werden?
ich bin leider grad etwas zu faul nach deinem fehler zu suchen daher post ich dir einfach mal ein Menüe von mir vill findest DU so den fehler oder überdenkst nocheinmal deine struktur des Menüs.
HTML
<html>
<body>
<link rel="stylesheet" type="text/css" href="vertikal_aufklappbar.css">
<ul id="NaviVertikal">
<li><a href="?"><span>punkt1</span></a></li>
<li><a href="?"><span>punkt2</span></a></li>
<li><a href="?"><span>punkt3</span></a></li>
<li>
<a href="?"><span>punkt4</span></a>
<ul>
<li><a href="?"><span>punkt4.1</span></a></li>
<li><a href="?"><span>punkt4.2</span></a></li>
<li><a href="?"><span>punkt4.3</span></a></li>
<li><a href="?"><span>punkt4.4</span></a></li>
</ul>
</li>
<li><a href="?"><span>punkt5</span></a></li>
<li>
<a href="?"><span>punkt6</span></a>
<ul>
<li><a href="?"><span>punkt6.1</span></a></li>
<li><a href="?"><span>punkt6.2</span></a></li>
<li><a href="?"><span>punkt6.3</span></a></li>
<li>
<a href="?"><span>punkt6.4</span></a>
<ul>
<li><a href="?"><span>punkt6.1.1</span></a></li>
<li><a href="?"><span>punkt6.1.2</span></a></li>
<li><a href="?"><span>punkt6.1.3</span></a></li>
<li><a href="?"><span>punkt6.1.4</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="?"><span>punkt7</span></a></li>
<li>
<a href="?"><span>punkt8</span></a>
<ul>
<li><a href="?"><span>punkt8.1</span></a></li>
<li><a href="?"><span>punkt8.2</span></a></li>
<li>
<a href="?"><span>punkt8.3</span></a>
<ul>
<li><a href="?"><span>punkt8.1.1</span></a></li>
<li><a href="?"><span>punkt8.1.2</span></a></li>
<li><a href="?"><span>punkt8.1.3</span></a></li>
<li><a href="?"><span>punkt8.1.4</span></a></li>
</ul>
</li>
<li><a href="?"><span>punkt8.4</span></a></li>
</ul>
</li>
</ul>
</body>
</html>
Alles anzeigen
Code
body {margin:0;}
* {margin:0; padding:0;}
#NaviVertikal ul{margin:5px 0 10px 0; list-style-type:none;}
ul li { display: block; margin:5px 20px; list-style-type:none; }
ul li a{}
ul li span{}
ul li ul {display:none;}
ul li:hover ul {display:inline; margin: 5px;}
ul li ul li { margin: 5px 0 0 10px;}
ul li ul li ul {}
ul li ul li ul li {display:none;}
ul li ul li:hover ul li{display:list-item; margin:5px 0 0 10px;}
Alles anzeigen
vill hilft es dir weiter, vill auch nicht^^
wenn du fragen dazu hast, frag einfach^^