LI растягивается до полной ширины страницы в IE7, но хорошо в Chrome

Question

Я создал меню, которое содержится в t div. Меню хорошо отображается при работе в Chrome, но растянуты все элементы LI в IE7

Я просто не могу разобраться с этим.

Образец можно найти по адресу http://jsfiddle.net/uMASt/. Страница загружается правильно на jsfiddle, но не на мой жесткий диск

Спасибо! Ян

Answer 1

Так как невозможно понять, что происходит не так, когда он корректно загружается в jsfiddle, даже в IE7, я мог бы просто дать ему надежное предположение... IE7 живет своей жизнью и иногда нуждается в дополнительных атрибутах, только атрибуты IE начинаются со звездочки,

Попробуйте добавить *zoom:1; * Дисплей: встроенный; к вашим элементам li, смотрите ниже.

 #menu li {            
        display:block;
        float:left;
        border-top:1px solid #CCC;
        text-transform:uppercase;
        width:auto;
        *zoom:1;
        *display:inline;
    }
    #menu li a {
        padding: 10px 15px 10px 25px;
        display:block;
        height:50px;
        text-decoration:none;
        color:#FFF;
        *zoom:1;
        *display:inline;
    }