CSS 슬라이딩 도어 문제

Question

내 웹 사이트의 CSS 슬라이딩 도어에 약간의 문제가 있습니다. 해상도가 낮을수록 잘 나타납니다. 그러나 해상도가 높을수록 버튼이 커지므로 버튼이 생기게됩니다. 마우스 오버 상태가 정상적으로 작동하지 않습니다.

당신은 (버튼/로그인 등록) 여기에 헤더 표시 줄의 오른쪽에 문제를 볼 수 있습니다 나는 그런 글꼴을 다른 크기를 사용하여 글꼴이 얼마나 변화로 여러 솔루션을 시도 http://www.bituser.com/forum/home.php

측정했지만, 나는 잘못된 방향으로 가고 있다고 느낀다.

JSfiddle은 다음과 같습니다. http://jsfiddle.net/bituser/vkMEg/1/ (바로 표시되지는 않지만 사이트에서 사용되는 대부분의 코드가 표시되어야합니다.)

Answer 1

이미지 중 하나를로드하지 않았습니다.

당신은이 :

#user_buttons_right_header span { 
    background: url("./styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent; 
    padding: 1px 10px 4px; 
} 

당신은

#user_buttons_right_header span { 
    background: url("http://www.bituser.com/forum/styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent; 
    padding: 1px 10px 4px; 
} 

당신은 배경 이미지의 모든 절대 경로를 가지고 있는지 확인하는 것을 잊었다해야한다.

글꼴을 제외한 모든 것이 괜찮은 것 같습니다.

EDIT :

IMHO 화소에 설정되어야 라인 높이에 놓여있다 문제.