호버 효과를 사용하여 스크롤 할 때 CSS 메뉴가 깜박입니다.

Question

내가 문제를 잘 설명했으면 좋겠습니까? 당신은 여기에서 볼 수 있습니다

http://dealmob.de/index_dev.html

U가 메뉴 위에 마우스를 아래로 빠른 U 보는 그것의 체재하지 않는 것이, insteads 당신이 몇 픽셀 여백/패딩을 변경하는 것처럼 그것의 깜빡 거림.

이 문제를 해결하는 방법에 대한 조언이 있으십니까?

덕분에 많은 요청과 같은

:

 #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

그것은 당신이 가져가에 테두리를 추가하고, 비 호버에는 국경이 없기 때문입니다. 바운싱을 방지하기 위해 투명 테두리를 추가하십시오. 당신이 border-color: transparent을 지원하지 않는 브라우저에 색깔의 경계를하지 않을 경우

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

방금 ​​마진이나 패딩에 추가 픽셀을 추가 할 수 있습니다 (난 당신이 IE에서 찾고 있어요).

Answer 2

호버링을 위해 왼쪽 패딩이 있고 호버링 중에 패딩이 남지 않습니다. 호버링 규칙에 대해 패딩 왼쪽 규칙을 추가하십시오.