Thema: Problem mit Topmenu

Hallo alle zusammen,
ich habe da ein Problem mit meinem Topmenu. Folgendermassen sieht es aus:

Menuausehen.jpg

Jetzt will ich aber das der Hintergrund sich auf das gesammte Listenelement ausdeht. Also auf das gelb hinterlegte:

Menuausehen_wunsch.jpg

Mein CSS-Code sieht für diesen Teil der HP so aus:

PHP-Code:

#top {
    clear:both;
    position:relative;
    overflow:hidden;
    height:35px;
    background:#faf9c9;
    padding:0 10px 2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#333333')";
}

#top ul.menu li{
    margin: 10px 50px 10px 50px;
    display:inline-block;
    
}
#top ul.menu li a:link,
#top ul.menu li a:visited
{
    
}

#top ul li.active a:link,
#top ul li.active a:visited
{
    color: #FFF;
    background: #000;
} 


Kann mir bitte jemand helfen?? Ich suche jetzt schon sein einer Woche im Netz, hab aber noch nichts gefunden.

Gruß Long

Du hast das Background bei "li.active a", wenn ich richtig sehe und es richtig verstanden habe sollte das zu "#top ul.menu li" ?

Danke für eure schnelle Antwort.

Zitat von Indigo66

Du mußt den Hintergrund auch auf das Listenelemt (LI) legen und nicht auf den Link (A).

Wie lege ich den Hintergrund auf das Listenelement?? Ich möchte dass der aktive Link die eine Farbe hat und wenn ich mit der Maus über die anderen gehe diese eine andere Farbe bekommten. Das Problem mit den Farben habe ich schon gelöst und zwar mit folgendem Code:

PHP-Code:

#top ul.menu li{
    margin: 10px 50px 10px 50px;
    display:inline-block;
}
#top ul.menu li a:link,
#top ul.menu li a:visited
{
    color:#640000;
    text-decoration: none;
}
#top ul.menu li a:hover
{
    background: #ae0000;
    color: #faf9c9;
    text-decoration: none;
}

#top ul li.active a:link,
#top ul li.active a:visited
{
    color: #faf9c9;
    background: #640000;
    text-decoration: none;
} 


Aber wie ich den Hintergrund auf das Listenelent lege weiß ich noch nicht. Für die Antworten vielen Dank im Voraus.

Long