CSS-Menu: Blocksatz, Problem

[Hoppla]

Hallo zusammen,

ich habe folgendes Problem:

In meinem CSS-Dropdown-Menu werden trotz "display:block" die Untermenus nicht im Blocksatz (HG-Farbe) angezeigt.

Hier die CSS-Datei, auf die sich meine HTML bezieht:

#nav,
#nav ul {padding:0; margin:0; list-style:none; font: 10px arial, sans-serif; background:666666; position:center; z-index:500;}
#nav {height:25px; width:970; padding:0; background:#666666;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}

#nav li a li {float:left;}

#nav li a {display:block; float:left; background:#666666; color:#ff9933; height:23px; padding:0 15px 0 5px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #ff9933;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#ff9933; color:#666666; border-left:1px solid #ffffff;}
#nav li:hover > a {border-left:1px solid #ffffff; background:#ff9933; color:#ffffff;}

#nav :hover ul {left:0; top:23px; border-left:1px solid #ffffff; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}


#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

#nav li:hover li:hover > a {background:#ff9933; color:#fff; border-left:1px solid #666666;}

#nav li a:hover ul li a:hover {background:#ff9933;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}



Könnt ihr damit was anfangen?

[designfanatiker]

Zitat von Hoppla

Könnt ihr damit was anfangen?

Nein. Was meinst du mit „Blocksatz (HG-Farbe)“?

[Rinaldo]

display:block steht ja auch in keinem Zusammenhang mit Blocksatz...

[Hoppla]

Nun, das Menu soll ungefähr so aussehen wie hier: http://www.cssplay.co.uk/menus/magic_menu_one.html

Leider ist bei mir beim drop-down der farbige HG unter den drop-down-Links immer nur so breit wie das Wort, das darin steht, und nicht.

War das verständlicher? *rotwerd*

[rewboss]

Du hast keine Breite definiert; daher wird das Element nur so breit, wie unbedingt erforderlich.

[Hoppla]

Zitat von rewboss

Du hast keine Breite definiert; daher wird das Element nur so breit, wie unbedingt erforderlich.

Vielen Dank. Wo genau muss ich die Breite definieren für das Untermenu?

[rewboss]

Also, das a-Element braucht eine Breite:

#nav li a {
 display:block;
 float:left;
 background:#666666;
 color:#ff9933;
 height:23px;
 padding:0 15px 0 5px;
 line-height:22px;
 text-decoration:none;
 white-space:nowrap;
 font-weight:bold;
 border-left:1px solid #ff9933;
 width:???;
}