IE Macht ärger

[Hagen]

Hey, wenn mal was nicht funzt... dann funzt meistens noch mehr nicht!*GG* OK kommt wohl nicht unter die 10 weisesten sprüche aber zum problem:
mein css:
a, a:visited {color:#000;}
#team{
 background-color:#eee;
 border:2px solid #99CC00;
 height:400px;
 width:400px;
 position:relative;
 left:10%;
}
.person1{
 position:absolute;
 bottom:8px;
 left:8px;
 width:40px;
 height:40px;
 background:url(../grafik/team/thumbs/foto1.jpg);
 border:1px dashed #999;
}
.person1 em{
 display:none;
}
.person1 span{
 display:none;
}
#team a:active em, #team a:focus em{
 display:block;
 position:relative;
 bottom:350px;
 left:100px;
}
#team a:active span, #team a:focus span{
 display:block;
 position:absolute;
 bottom:40px;
 left:10px;
 width:300px;
}
dazu der HTMl bereich

<div id="team">
<a class="person1"><em><img src="../grafik/team/foto1.jpg" width="200px"/></em><span>Ein bißchen Text</span></a>
</div>

wenn man auf das vorschaubild klickt soll das große bild mit einer textbeschreibung erscheinen, funtkioniert in Opera und Firefox. Nur beim Internetexplorer wird nichts dargestellt.

Vielleicht hat ja jemand ne idee???
Eventuell auch dazu: im Firefox bleibt das Bild nicht stehen(ist ja im Opera bekannt, aber warum geht es hier auch im FF nicht)

MFG Hagen