성가신 스타일링 IE7과 문제 및 다음 페이지의 6

Question

:

http://dreamdeals.rnmtest.co.uk/

파이어 폭스, IE8, 사파리, 크롬 등의하지만 IE7 & 6 내용 오버 플로우의 미세 우측 디스플레이에 로그인 상자. 나는 입력에 대한 높이 설정과 같은 모든 것을 시도했지만 그럴 권리가 없습니다. 누구든지 아이디어가있어?

Answer 1

나는이 아이디어가 첫눈에 자신의 팔을 베고만큼 의미에 대해 것 알고 있지만 :

#whyjoin input에

• , 대신 border: none, border: 0를 사용해보십시오. 여기

당신이 발생하는 문제에 대한 참조 : 그것은 짧은 때문에 border: 0가 border: none와 동일에도 불구하고, 그래서

• http://bitesizebugs.wordpress.com/2009/08/17/border-none-not-working-on-text-input-in-internet-explorer/

---

, 그것을보다 효율적으로 사용 0입니다 이 버그를 피하기 위해서입니다.

I should probably go post that here.

Answer 2

내 IE8 (7 호환 모드)에서는 정상적으로 작동합니다. 하지만이처럼 높이를 수정하려고 :

#whyjoin { 
    background-image: url(../images/whyjoinback.jpg); 
    background-repeat: no-repeat; 
    padding: 30px 5px 0 5px; 
    height: 70px; /* BG Image (100px) = 70px + 30px (padding) */ 
    margin-top: -55px; 
    position: relative; 
} 

난 당신이 #rightcol을 poluate없는 절대의 #cardclip을 배치하는 것이 좋습니다.