L'utilisation de la pseudo-classe :hover fait chauffer mon PC.

Bonsoir.
Je suis en train de me faire plaisir en faisant un site à la mise en forme tres moderne (pour moi ), et j'utilise la pseudo-classe :hover pour les liens d'un menu de navigation.

C'est du plus bel effet, mais lorsque que je survole un lien avec la souris, l'utilisation de mon processeur monte à 7% et lorsque je remue ma souris au dessus du menu en faisant des allers-retours, cela monte à 40-60-100%.

J'ai comparé avec les exemples de menu sur :http://css.alsacreations.com/Galeries-de-menus-en-CSS et dans le pire des cas, mon processeur n'est utilisé qu'à 5%.

La consommation est divisée par 2 lorsque je retire les images. (il y a quatres couches superposées pour les liens les plus en bas du menu).

Pour info, le processeur est un AMD 64bits ~2.5Ghz

Je suppose que ce n'est donc pas normal.

Meme si je ne pense pas que cela vienne du code de style, en voici un l'extrait qui concerne la liste dans mon bloc #menu (les commentaires sont pour moi, car d'un jour à l'autre j'oublie pourquoi et comment j'ai fait)

#menu dt{
	font-weight:bold;
	text-decoration:underline;
	padding-left:8px;
	padding-top:1px;	/*espace au dessus et en dessous prévu pour que le HOVER ne déforme pas la liste*/
	padding-bottom:1px;	/*espace au dessus et en dessous prévu pour que le HOVER ne déforme pas la liste*/
}
#menu dt:hover{
	color:#ffffff;
	padding-top:0px;	/*suppression des espaces dessous+dessus pour ajouter les bordures sans deformer la liste*/
	padding-bottom:0px;	/*suppression des espaces dessous+dessus pour ajouter les bordures sans deformer la liste*/
	background:#333333;
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}
#menu dd a{
	padding-left:28px;
	padding-top:1px;	/*espace au dessus et en dessous prévu pour que le HOVER ne déforme pas la liste*/
	padding-bottom:1px;	/*espace au dessus et en dessous prévu pour que le HOVER ne déforme pas la liste*/
	display:block;		/*type bloc pour que le lien soit cliquable sur toute la largeur de la colonne (div)*/
	border:none;
}
#menu dd a:hover{
	font-weight:bold;
	color:#eeeeee;
	padding-top:0px;	/*suppression des espaces dessous+dessus pour ajouter les bordures sans deformer la liste*/
	padding-bottom:0px;	/*suppression des espaces dessous+dessus pour ajouter les bordures sans deformer la liste*/
	background:#333333;
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}

Le site est ici/
http://forum.alsacreations.com/smilies/attention.gif Il y a pour 150ko de données (dont 140ko d'images)
http://forum.alsacreations.com/smilies/attention.gif Pour l'instant, cela rend mal sous Internet Explorer (version 7)

Que me conseillez-vous ?
Avez-vous deja vu ca ?
Dois-je jeter mon fichier.css, le processeur, ou moi-même par la fenetre ?

Hormis cette consommation de ressource excessive et la taille, je suis content de moi.

je ne saurais repondre a ta question, chez moi je ne ressent rien de bizarre en survolant les liens

par contre , juste une chose

tu emplois

#menu dt:hover{

	color:#ffffff;

	padding-top:0px;	/*suppression des espaces dessous+dessus pour ajouter les bordures sans deformer la liste*/

	paddi

ce dt:hover ne fonctionnera pas sous IE qui ne reconnais que la balise "a"

Donc il te faudra surement modifier cela

Salut
Le dt:hover marche impecablement bien sous Internet Explorer 7.

Merci qund même.