unerwünschte Abstände in <ul> Liste

[Malcolm Beck´s]

hi,

#navigation #btn-en_news
{
background-image:url(../images/btn-en_news.png);
}
#navigation #btn-en_news:hover
{
background-image:url(../images/btn-en_news_hover.png);
}

  
Wenn du es so lösen willst, dann rate ich zur Kombo mit [CSS-Sprites](http://www.alistapart.com/articles/sprites).  
  
Dann brauchst du nur ein Bild für alle `#navigation a`{:.language-css} definieren und kannst dann mittels `background-position:X Y;`{:.language-css} die Position anpassen.  
  
  
~~~css
#navigation a {  
  background: url(images/image_map.gif) no-repeat -1000px -1000px;  
}  
  
#navigation li a {  
  background-position:-4px -325px;  
}  
#navigation li a:hover {  
  background-position:-4px -389px;  
}  
#navigation li a:focus,  
#navigation li a:active {  
  background-position:-4px -453px;  
}

Damit unterbindest du auch recht Effektiv das flackern der Hintergründe beim hovern.

mfg