inhaltlich leerer link wird im ie nicht angezeigt

[wichtelmann]

Hallo zusammen,
ich habe folgendes problem:
Ich will einen link als Maske über eine Grafik legen. Um dann beim Klicken auf den Link einen Javascript auszuführen. Im FF und in Chrome funktioniert dies auch bereits, jedoch wird im Internet explorer der link nicht angezeigt und kann dementsprechend nicht angezeigt werden.
Quellcode:

  
<div style="top:0px;left:0px;position:relative;width:100%;height:100%;z-index:10;">  
                              <a href="#1" onClick="pictureViewer(1,'Perle');switchVisible('picture','right_content')" class="angel" ><em></em></a>  
                              <a href="#2" onClick="pictureViewer(2,'Perle');switchVisible('picture','right_content')" class="angel" ><em></em></a>  
                              <a href="#3" onClick="pictureViewer(3,'Perle');switchVisible('picture','right_content')" class="angel" ><em></em></a>  
                              <a href="#4" onClick="pictureViewer(4,'Perle');switchVisible('picture','right_content')" class="angel" ><em></em></a>  
                              <a href="#5" onClick="pictureViewer(5,'Perle');switchVisible('picture','right_content')" class="angel" ><em></em></a>  
  
                         </div>  

der CSS teil dazu lautet:

  
.angel{  
 float:left;  
 min-width:20%;  
 min-height:100%;  
 top:0px;  
 left:0px;  
 position:relative;  
 margin:0px;  
 padding:0px;  
 cursor:pointer;  
 visibility:visible;  
}  

die javascript Funktionen funktionieren fehlerfrei und werden im Ie noch nicht mal aufgerufen, da ohne inhalt (mit "hallo" als Inhalt kann man den Text anklicken) die links nicht erscheinen.
Danke für eure Hilfe
Grüße Wichtelmann