IE6 - CSS - элементы не плавают правильно

Question

Привет, я пытался закодировать меню, не делая иконки фиксированной ширины (просто с отступом влево / вправо), и оно отлично работает во всех браузерах, кроме IE6 Я проверил другие сайты, и они делают это так же, как и я, но у них это хорошо работает. (Похоже, IE6 игнорирует число с плавающей точкой).

Знаете ли вы, что я должен сделать, чтобы это работало?

А есть изображение из Firefox: http://img192.imageshack.us/i/firefoxverze.jpg/ И то же самое для IE6: http://img39.imageshack.us/i/ie6bug.jpg/

Спасибо, Майк.

Редактировать: похоже, эта же проблема на этом сайте: http://www.mayercrocus.cz/

Редактировать 2: Пожалуйста, не обращайте внимания на тот факт, что у меня еще не было времени, чтобы сделать изображения .png прозрачными.

Answer 1

Вы применили float не к тому элементу, это ссылка, которой вы хотите быть float, а не menu.

Итак, вы можете удалить float: left; из .menu_item и menu_item_2, а также в .menu_item a и .menu_item_2 a

Первый сайт слишком запутан.

Но, как правило, всегда старайтесь дать "haslayout" элементу, который не работает в IE. Для этого просто добавьте zoom: 1 и Position: относительный (и другие при наличии макета ) Возможно, это не единственная проблема, но всегда пытайтесь это сделать.

Answer 2

IE имеет тенденцию добавлять поля по умолчанию для элементов, другие браузеры этого не делают. Попробуйте добавить margin:0; в ваш файл CSS. возможно, это решит вашу проблему.