Le menu CSS scintille lorsque vous le faites défiler avec des effets hover

Question

J'espère avoir bien décrit le problème !? Vous pouvez le voir ici:

http://dealmob.de/index_dev.html

quand u passez la souris sur le menu et voir en bas rapide u que sa ne pas rester, insteads son vacillement comme vous changer les marges/rembourrages par quelques pixels.

Un conseil pour résoudre ce problème?

merci beaucoup

comme demandé:

 #topcities { 
      float:right; 
     } 

     #topcities li { 
      padding-left:5px; 
      width:100px; 
     } 
     #topcities li:hover { 
      cursor:pointer; 
      color:#000; 
      background: url(images/hover_menue_back.jpg) repeat-x #FFF; 
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
      border:grey 1px solid; 
      width:100px; 
     } 

Answer 1

parce que vous ajoutez une bordure sur le vol stationnaire, et il n'y a pas de frontière sur la non-vol stationnaire. Ajoutez une bordure transparente pour l'empêcher de rebondir.

#topcities li { 
     padding-left:5px; 
     width:100px; 
     border: 1px solid transparent; 
    } 

Si vous ne voulez pas une bordure de couleur sur les navigateurs qui ne prennent pas en charge border-color: transparent (je vous regarde IE), vous pouvez simplement ajouter un pixel supplémentaire à la marge ou de rembourrage.

Answer 2

Il y a un rembourrage-gauche pour non stationnaire, et pas de rembourrage-gauche pendant le vol stationnaire. Ajoutez également une règle de remplissage à gauche pour votre règle de survol.