Проблема CSS с Google Chrome и Safari

Question

Проблема CSS с Google Chrome и Safari

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

Я тестировал CSS вIE и Firefox, и он отображается так, как я и ожидал.

Однако в Safari и Chrome под элементами навигации в главном меню появляется пробел.

Буду признателен за любой совет, пожалуйста!

Спасибо, Дженни

Answer 1

Просто удалите высоту строки: 40px у вас есть в #navMenu.Тем не менее, у вас там беспорядок элементов 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 устранил проблему.