andi: Problem mit Darstellung einer Liste (Menü)

Nabend,
die Elemente meiner Menü-Liste sollen im aktiven und hover-Stadium eine andere bg-Farbe bekommen. Der BG soll nicht nur das Wort hinterlegen, sodern auch 5px drum herum.

  
#main_navigation li{  
	padding:5px 8px;  
	float:left;  
	margin-right:10px;	  
}  
  
  
#main_navigation a:hover{  
	background:#6c87bf;  
}  
  
  
#main_navigation .current{  
	background:#6c87bf;  
}  
  

bei .current funktionierts, bei :hover ändert sich nur die Farbe hinter dem Wort - ohen Rand :-/

Jemand ne Idee?

danke,. andi

  1. Jemand ne Idee?

    Wenn du das 5px-padding auf das a-Element anwendest, das auch die neue Hintergrundfarbe bekommt, sollte das was werden.

    Grüße,
    Josh

    1. Hallo Joshh,

      Wenn du das 5px-padding auf das a-Element anwendest, das auch die neue Hintergrundfarbe bekommt, sollte das was werden.

      ... aber nur, wenn das A-Element dann auch auf display:block oder zumindest display:inline-block gestellt wird oder floatet oder mit dem Default-Wert display:inline eine Line-Height beansprucht, die auch für das 5-Pixel-Padding oben und unten ausreichenden Platz lässt.

      Gruß Gernot

      1. Hi,

        ... aber nur, wenn das A-Element dann auch auf display:block oder zumindest display:inline-block gestellt wird oder floatet oder mit dem Default-Wert display:inline eine Line-Height beansprucht, die auch für das 5-Pixel-Padding oben und unten ausreichenden Platz lässt.

        Jep, stimmt. Die Info hat noch gefehlt.

        Grüße,
        Josh