quadratische links

[Roger]

hallo!

mittlerweile kann ich es schon nicht mehr sehen. der ie bereitet mir jedesmal probleme. ich möchte einfach nur quadratische felder (10 x 10px), die ich anklicken kann.
dazu sieht der quellcode wie folgt aus (vereinfacht):

  
  <div class="fotobg">  
   <p class="links"><a href="#"></a><a href="#"></a><a href="#"></a></p>  
  </div>  

und dass css:

  
* {  
 margin: 0;  
 padding: 0;  
}  
.fotobg .links a {  
 display: block;  
 height: 10px;  
 width: 10px;  
 font-size: 0px;  
 border: 1px solid #666;  
 float: left;  
 margin-right: 15px;  
 text-decoration: none;  
}  

auch mit leerzeichen ( ) und ohne stellt der ie keine quadrate sondern hochkantige rechtecke dar. wieso?

gruß.
roger.