Tu as fait quelques erreurs dans le CSS du widget :
/*Panneau_Widgets-------------------------------------------------*/
.widgetleft:hover {padding-left: 10px; padding-right: 10px; width:160px;}
.widgetleft {background: url('https://i.servimg.com/u/f64/15/04/07/34/visuel10.png') top right no-repeat; min-width: 120px;}
.widgetleft:hover {background: url('https://i.servimg.com/u/f64/15/04/07/34/01110.gif') top right no-repeat;}
En rouge tu as mis un width (160 au hover) qui n'a même rien à avoir avec le minimum des modules dans le PA (qui est de 180 pixels).
Donc quelle que soit la largeur que tu as mise dans le PA, dans le CSS tu ajoutes 20 pixels.
Pour le min-width c'est ok pour le bouton.
Ensuite pour le fond, tu en as mis un, mais en no-repeat (en orange) alors qu'il faut soit en repeat.
Donc en gros voilà ce qui serait plus juste si tu as mis 180 pixels dans les modules du PA :
./*Panneau_Widgets-------------------------------------------------*/
.widgetleft {background: url('https://i.servimg.com/u/f64/15/04/07/34/visuel10.png') top right no-repeat;
min-width: 120px;
}
.widgetleft:hover {background: url('https://i.servimg.com/u/f64/15/04/07/34/01110.gif') top right repeat;
width: 200px;
padding-left: 10px; padding-right: 10px;
}
Dans ton code direct, tu as mis du radius que pour
Mozilla (alors que presque tous les navs les voient maintenant) et le box-shadow idem (même si
Opera ne le voit pas, les navs du webkit pour la plupart le voient).