Double Float Bug - IE

Question

Я пытаюсь исправить сайт, с которым я помогаю другу, и в IE он отображает панель навигации, как будто она накладывается друг на друга.

Является ли это частью двойной ошибки, я попытался добавить display: inline, но у меня все еще есть эта проблема.

URL: http://www.flanels.com/RadiantecHOME.html
CSS: http://www.flanels.com/style.css`

Answer 1

Я сохранил локальную копию и изменил #top-navigation, чтобы удалить float: left;.

Похоже, что в Firefox и IE верхнее меню отображается одинаково, однако я не знаю, какие еще проблемы оно могло создать.

Одной из проблем, с которыми я сталкиваюсь как в IE, так и в Firefox, является наличие белых вертикальных полос (разрывы между изображениями) в дополнение к наклонным, которые, как я считаю, являются частью изображений.

Другое дело, что если браузер недостаточно широк, меню верхнего уровня переносится по мере необходимости.

Answer 2

у вас есть число с плавающей запятой на содержащем div.

Answer 3

Не не выглядит как двойной поплавок для меня.

Из того, что я вижу из IE dev,

в IE не имеет ни отображения, ни примененного плавающего , но стиль '# top-navigation ul li' ограничен, потому что поле при установке на 0. Я вижу, что вы используете переходный тип документа, поэтому я бы начал с изменения его на строгий, если вы можете выйти из трудно предсказуемого режима причуд.

Как указывает Смиллер, вам не нужно использовать float и inline, поэтому вам следует удалить один из них, а затем я предлагаю начать упрощать код, чтобы найти конфликт.

Надеюсь, переход на строгий режим сразу же вас рассортирует.