Sebastian Schuppel: Dynamische Navigation

Beitrag lesen

Hallo,

ich habe auf meiner homepage (http://slp.kilu3.de) eine dynamische navigation. ich möchte gerne haben, dass wenn ich über die subnavigation fahre, der hintergrund von der hauptnavigation bleibt, also, dass er sich beim runterfahren in die subnav nicht wieder in den ursprungszustand zurücksetzt. kann mir da einer helfen? wenns geht möchte ich den untenstehenden code nicht dramatisch verändern. am besten wäre es, wenn ich nur einen kurzen befehl noch zwischenrein fügen muss. danke schon mal.

hier mein css:

ul#pages a{
 padding:11px 0 11px 0;
 margin:0 0 0 0;
 background-image:url(../img/nav1.png);
 font-weight:bold;
 font-size:15px;
 font-family:verdana,sans-serif;
 color:#000;
 text-decoration:none;
 display: block;
 width:180px;
 text-align:center;
}

ul#pages a:hover{
 padding:11px 0 11px 0;
 margin:0 0 0 0;
 background-image:url(../img/nav2.png);
 font-weight:bold;
 font-size:15px;
 font-family:verdana,sans-serif;
 color:#000;
 text-decoration:none;
 display: block;
 width:180px;
 text-align:center;
}

ul#pages li{
 list-style-type:none;
 float:left;
 position:relative;
}

ul#pages li ul{
 display:none;
 padding:0 0 0 0;
 margin:0 0 0 0;
}

ul#pages li:hover ul{
 display:block;
}

ul#pages li ul li{
 float:none;
}

ul#pages li ul li a{
 padding:1px 0 1px 0;
 margin:-1px 0 0 0;
 background-image:url(../img/subnav.png);
 font-weight:normal;
 font-size:13px;
 font-family:verdana,sans-serif;
 color:#000;
 text-decoration:none;
 text-align:left;
}

ul#pages li ul li a:hover{
 padding:1px 0 1px 0;
 margin:-1px 0 0 0;
 background-image:url(../img/subnav2.png);
 font-weight:normal;
 font-size:13px;
 font-family:verdana,sans-serif;
 color:#000;
 text-decoration:none;
 text-align:left;
}

gruß
sebastian schuppel