Google Chrome和Safari的CSS问题

Question

Google Chrome和Safari的CSS问题

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

我已经在IE和Firefox中测试了CSS，它可以像我期望的那样呈现。

但是，在Safari和Chrome下，主菜单中的导航项下方会出现间隙。

我很感激任何建议！

谢谢， 珍妮

Answer 1

只需删除#navMenu中的行高：40px即可。 但是，你有一些ul和li元素的混乱。应该简化为单个ul和li元素列表。

Answer 2

为什么使用<br>元素到clear float？

尝试更换：

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

使用：

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

使用Chrome Inspector进行更改至少可以解决问题。