[HTML 4.0] Images de menu déformées

Images de menu déformées

Bonjour à tous et toutes

Je viens vous soumettre un problème qui ne va pas tarder a me rendre fou...

J'utilise un menu horizontal avec des images qui changent au survol.

Sous Firefox pas de probleme, sous IE j'ai des deformations de certaines images que j'utilise.
Je tiens à préciser que toutes mes images ont la meme taille

Mon code est celui là... un classique

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="menu">
    	<ul>
        	<li><a href="index.php">
      <img src="images/Boutons/01_on.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/01_on.png'" onmouseout ="this.src='images/Boutons/01_on.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/02_off.png" width="60px" height="60px" border="0" onmouseover ="this.src='images/Boutons/02_on.png'" onmouseout ="this.src='images/Boutons/02_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/03_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/03_on.png'" onmouseout ="this.src='images/Boutons/03_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/04_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/04_on.png'" onmouseout ="this.src='images/Boutons/04_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/05_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/05_on.png'" onmouseout ="this.src='images/Boutons/05_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/06_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/06_on.png'" onmouseout ="this.src='images/Boutons/06_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/07_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/07_on.png'" onmouseout ="this.src='images/Boutons/07_off.png'"></a></li>
      		<li><a href="index.php">
      <img src="images/Boutons/08_off.png" width="60" height="60" border="0" onmouseover ="this.src='images/Boutons/08_on.png'" onmouseout ="this.src='images/Boutons/08_off.png'"></a></li>
</ul>
    </div>

Le tout dans un DIV

Pour que vous ayez une idée voici le lien ou on peut voir le menu fonctionner
http://www.solutisweb.com/atelier/1Karim/index.php

Si vous avez deja rencontré ce problème ou si ca vous parle, je serais heureux de partager avec vous

Merci à vous tous et toutes

Bonjour,
test sous IE8, sorry j'ai pas mieux, mais je n'ai pas vu de différence.

Bonjour et merci

Est ce que ça pourrait provenir de mon IE ?

Bonsoir,

J'ai l'impression d'avoir le problème avec Chrome et avec IE 11.
Quand je survole la feuille située sous les mots "programme" ou "concept", on dirait que les mots bougent, un peu comme si ils partaient vers le haut.
C'est très très léger peut-être 1 ou 2 mm.

C'est un effet voulu ou c'est là tout le problème ?