impossible de survolé un block sans texte ?

Bonjour,
j'essaie de faire un effet au passage de la souris mais sous ie7 sa plante.
Je suis obligé de mettre du texte dans le div pour qu'il apparaisse ?
Sous ff sa fonctionne
css

Code:

1
2
3
4
5
#badgeEffet{  width:317px; height:180px; border:2px solid #ffffff;
margin:0 0 0 630px; display:block; position:absolute; top:0px; cursor:hand; z-index:100;}
 
.logosurvol{border:2px solid #fff; width:317px; height:180px; 
margin:100px 0 0 630px; display:block; position:absolute; top:0px; display:none; background-color: #b7bbe1;z-index:110;}

xhtml (si j'enlève le texte, je ne peux plus avoir d'effet)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	<div id="badgeEffet">
	<span>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	ssssssssssssssssssssssssssssssssssssssssssssssssss<br>
	</span>
	</div>
	<div class="logosurvol">
	<p>Boutik'n line vous offre 100 € pour chaque parrainage apporté et une gratuitée de un mois 
	sur votre abonnement (l'offre valable une seul fois par client...)</p>
	</div>

jquery

Code:

1
2
3
4
5
         	$("#badgeEffet").hover(function(){
            $(".logosurvol").fadeIn();
            	}, function() {
            $(".logosurvol").fadeOut();
            });

Merci