ul {
  list-style              : none;
}

#navigation {

  /* genauso hoch wie das background-image */
  height                  : 40px;  
  background-color        : #808080; 
  /* in diesem image den grauen rand unten nmit rein.
     machst den als border-style, hast probleme mit dem ie-box-model */
  background-image        : url('../images/bkNavigation.gif');
  background-repeat       : repeat-x
}

#navigation li {
  float                   : left;
  margin                  : 8px;
}

#navigation li a {
  /* der link muss outline sein.
  damit kannst du margins vergeben und das li darum passt sich an. */
  display                 : block;
  padding                 : 8px 3px;
  color                   : #ffffff;
  font-size               : 11pt;
}

#navigation li a:hover {
  background-color        : #808080;
}