Roger: quadratische links

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 (&nbsp;) und ohne stellt der ie keine quadrate sondern hochkantige rechtecke dar. wieso?

gruß.
roger.

--
meine freundin sagt, ich wäre neugierig.
so steht's zumindest in ihrem tagebuch.
  1. line-height muss auch noch kleiner als 10px sein.

    Gruß

    Martin aus Wien

    1. hallo!

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

      das wars! verdammt. danke!

      gruß.
      roger.

      --
      meine freundin sagt, ich wäre neugierig.
      so steht's zumindest in ihrem tagebuch.
  2. 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