IE 오프셋 nav 문제

Question

모든 브라우저에서 크롬, 파이어 폭스, 오페라, 사파리와 같은 내 탐색 기능이 잘 표시됩니다.

그러나 어떤 이유로, 올바르게 표시하는 것을 거부하고, 실제로 더 실망스럽게 만드는 것은 문자 그대로 1px입니다.

보통 귀찮게하지만, 그것은 분명 장소에서의하지 것이다 :

예 :

다른 모든 브라우저 :

코드 사용 중인데 잘 보이지만 여기에 있습니다 :

nav { 
font-family: "Myriad Pro", Arial, sans-serif; 
width: 280px; 
height: 40px; 
float: right; 
font-size: 14px; 
list-style: none; 
clear: both; 
position: relative; 
top: 11px; 
} 

nav ul { 
float: right; 
margin: 0; 
height: 40px; 
    width:240px 
} 

nav li { 
display: inline; 

} 

nav li a { 
color: #3BB9FF; 
border-bottom: none; 
padding: 12px 10px 11px 10px; 
margin-left: -3px; 
} 

nav li a:hover{ 
color: #3BB9FF; 
background-color: rgba(0, 0, 0, 0.3); 
} 



/******** 
Shows which page is selected 
*/ 

nav li.selected { 
display: inline; 
} 


nav li a.selected { 
color: #3BB9FF; 
background-color: rgba(200, 200, 200, 0.3); 
border-top: 3px solid #fff; 

} 

저는 Google 트렁크의 iehtml5 심도 사용하고 있습니다.

이 문제에 대한 간단한 수정 사항이 있습니까? 큰 문제가 아니라는 것을 알고 있습니다. 그냥 실망 스럽습니다.

Answer 1

메뉴의 CSS 코드가 약간 이상합니다. 나는 그것이 IE가 작동하는 이유라고 생각합니다. 다음 조정을 시도해보십시오

nav li { 
    //display: inline; 
    float:left; 
} 
nav li a { 
    color: #3BB9FF; 
    border-bottom: none; 
    //padding: 12px 10px 11px 10px; 
    //margin-left: -3px; 
    display:block; 
    padding:10px; 
} 

또한 IE의 메뉴의 폭이 충분하지 않습니다 있는지 확인하십시오.