파이어 폭스는 수평 메뉴 드롭 오프

Question

URL 3.5.3 FF 3.5.3에서 떨어졌습니다. FF, IE7, O8, Saf3의 이전 버전에서는 발생하지 않습니다.

#navBar ul li a의 글꼴을 .8em에서 10px로 변경하면 드롭 오프 문제가 해결되지만 원하는 모양이 아닙니다.

의견이 있으십니까?

Answer 1

문제는 모든 요소가 컨테이너에 비해 너무 넓어서 래핑하는 것입니다. 나는 Wordpress에서 똑같은 것을 최근에 보았습니다. 텍스트를 짧게 만들었고 정상적으로 작동했습니다. 해킹으로 - - 작품

한 가지입니다

#navBar ul { 
    margin: 0px; 
    padding: 0px; 
    color: #fff; 
    float: left; 
    font-weight: bold; 
    display:block; 
    width: 120%;   <-- from 100% 
} 

아마도 당신은 폭이 연주하고 모두가 맞는 얻을, 또는 일부 단어를 단축 할 수 있습니다. (나는 알고있다. 그것은 해킹이고 나는 그것들을 좋아하지 않는다. 그러나 그것은 빠르며 나에게 잘 보였다. :)