菜單項定位問題

Question

我試圖創建一個標題菜單。 請在這裏看到我的代碼：http://jsfiddle.net/kc2cc/。

我的意圖是，如果用戶點擊菜單項（標誌，地點，事件或組），那麼被點擊的元素將向下移動1px，直到點擊它回到原來的位置。 在Chrome 15中一切正常，但在Firefox和IE中，如果我點擊元素，所有元素都會向下移動。

是什麼原因，我該如何解決？ 謝謝

Answer 1

我真的不知道爲什麼，但它似乎是默認值baselineul#navigation li這會導致問題。將其更改爲middle或其他任何內容都可以解決此問題。

ul#navigation li { 
    border-right: 1px solid #F5F5F5; 
    display: inline-block; 
    height: 35px; 
    vertical-align: middle; 
} 

Answer 2

設置vertical-align: top爲<li> http://jsfiddle.net/kc2cc/13/