與谷歌Chrome和Safari

Question

CSS問題與谷歌Chrome和Safari

http://cart-v2-demo-2.fasttrackonline.co.uk/

CSS問題我已經測試在IE和Firefox的CSS，它呈現爲我所期望的。

但是，在Safari和Chrome下，主菜單中的導航項下方會出現間隙。

我很感激任何建議，請！

感謝， 珍妮

Answer 1

爲什麼你使用<br>元素clear float？

嘗試更換：

<br style="clear:both;font-size:0;line-height:0;height:0;"> 

有了：

<div style="clear:both;"></div> 

製作至少與Chrome檢查這種變化固定的問題。

Answer 2

只需刪除#navMenu中的line-height：40px即可。 但是，你有一個混亂的ul和li元素。應該簡化爲單個ul和li元素的列表。