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.

[Martin aus Wien]

line-height muss auch noch kleiner als 10px sein.

Gruß

Martin aus Wien

[Roger]

hallo!

line-height muss auch noch kleiner als 10px sein.

das wars! verdammt. danke!

gruß.
roger.

[Inita]

warum komplizierst du denn deine css, es geht doch auch einfach so

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

ohne .fotobg im vorne