[self résolu] Rollover avec une seule image - trop étroit pour IE ?

Slt !

Après qq jours de taff, voila mon nouveau site ss tableau :
http://joffreyhabai.free.fr/

Mais j'ai un souci, le menu du haut horizontale (réalisation actu cv) bug sous IE, il semblerait qu'il affiche 2 px en trop en hauteur. Ce qui fait qu'on voit un bout de l'état on hover tout le temps :S

Ce problème me dit qqch. mais je ne me souviens plus comment le résoudre

HELP Me
Modifié par joxp (30 Dec 2005 - 15:40)

conteneur

#menu_h{
	display: block ; 
	margin: 0 0 0 0 ;
	padding: 0 ;
	margin-right: 60px;
	margin-top:30px;
	width: 108px ;
	height: 36px;
	float: right;
}

un bouton du menu :

a.menuH_real
{
	display: block ; 
	font-size:10px;
	width: 108px ;
	height: 12px ;
	background: url(img/H_realisation.gif) no-repeat 0 0 ; 
	
}

a.menuH_real:hover
{
	background: url(img/H_realisation.gif) no-repeat 0 -12px ; 
}
a.menuH_realin
{
	display: block ; 
	font-size:10px;
	width: 108px ;
	height: 12px ;
	background: url(img/H_realisation.gif) no-repeat 0 -12px ; 
}

Modifié par joxp (30 Dec 2005 - 11:43)

a écrit :
D'autres solutions :
- font-size: 1px sur l'élément contenant l'image
- line-height: 1px sur l'élément contenant l'image
- vertical-align: middle pour modifier l'alignement par défaut de l'image.

ça ne fonctionnait PAS !

LA solution, je décalle l'état hover, j'agrandi l'image de 10 px et descends l'état hover dautant.
Je modifie le CSS pour qui decalle de 10px de plus desormais.

HOP LA , fuck IE ça marche partout now