Bug IE 7 : image n'apparaît pas

Salut à toutes et tous !

J'ai un étrange bug… présent uniquement sous IE (bien entendu).
J'ai une image située en haut de page, code tout bête :

<div id="bio_duo"><img src="../images/bio.JPG" alt="Biographie" width="278" height="25" />
<div class="liens_bio"><a href="#bio_1">Biographie 1</a></div><div class="liens_bio">Biographie 2</div><div class="liens_bio"><a href="#bio_3">Biographie 3</a></div>
lalalalalalalalalalala
</div>

mes codes css :

#bio_duo {
	position:absolute;
	top:22px;
	left:517px;
	background-color:#5c3a08;
	width:477px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;-khtml-opacity:0.80;
	text-align:center;
}

#bio_duo img {
	margin:40px 0 20px 0;
}
.liens_bio {
	float:left;
	font-weight:bold;
	font-size:110%;
	text-align:center;
	margin:10px 20px 0px 20px;
}
.liens_bio a:link {
	color:#FFEED1
}
.liens_bio a:hover {
	color:#C2B59F
}

Au premier chargement de la page, aucun souci — Mais, quand je recharge ma page, et que je suis en bas de page (donc quand mon image se situe en dehors de l'écran), je prends ensuite l'ascenseur, je remonte en haut de page, et là, stupéfaction ! l'image a disparu !
Si alors, je survole avec ma souris un des deux liens situés en-dessous mon image, elle réapparaît !
Elle réapparaît de même, si je recharge la page une fois que je suis en haut de page !??

C'est pour moi incompréhensible ! — J'espère avoir été clair.

Merci pour vos aides…

Bonjour Supunna

Ce ressemble au fameux bug de IE lié au haslayout.

Regarde voir ce post : Float--texte-qui-disparait-rsolut

Avec un peu de chance, il contient la solution à ton problème.