padding bei a-Element

[rauchi]

Es geht um padding bei a-Elementen:

  
#navigation{  
 background: white;  
 width:100%;  
 height:25px;  
}  
  
#navigation a{  
 background-color:orange;  
 font-size:11px;  
 padding:5px;  
 color:white;  
 font-weight: bold;  
}  

...

<div id="navigation">  
<a href="#">Startseite</a>  
<a href="#">Schule/Verein</a>  
<a href="#">Tänzer eintragen</a>  
<a href="#">Tanz anmelden</a>  
<a href="#">Kosten</a>  
<a href="#">Bestätigung</a>  
</div>

In Firefox, Opera, Safari, etc. wird es richtig angezeigt nur im Internet Explorer (wie könnte es anders sein) nicht.
Der Internet Explorer 7 macht zwar das padding nach links und rechts aber nicht nach oben und unten nicht.

Hängt das irgendwie noch mit dem alten Box-Model vom IE zusammen, oder muss ich bei padding noch etwas bestimmtes beachten.

Bin für jeden Tipp dankbar