IE7 <li>пуля или число, показанное за пределами div

Question

У меня проблемы с ошибками элемента списка IE7.Пули (или цифры) и показываются за пределами поля.Как я могу это исправить для IE?Из того, что я прочитал, это кажется проблемой при указании высоты / ширины в IE7 li.Изображения можно найти здесь:

Firefox:

IE7:

У меня есть таблица стилейсо сбросом Мейера.

#create_request li {
    display: list-item;
    width: 313px;
    height: 23px;
    background-color: #E3E3E3;
    list-style: decimal;
    list-style-position: inside;
    padding-left: 25px;
    padding-top: 5px;
}

#create_request li.alternate {
    background-color: white;

}

#create_left li:hover {
    width: 356px;
    background: url('/images/list_add.png') 100% 100% no-repeat;
    background-color: #B0B0B0;
    cursor: pointer;
}

Answer 1

Из того, что я прочитал, кажется, это проблема при указании высоты / ширины в IE7 li.

Это верно. Установите width на <ol> вместо <li> и используйте line-height вместо height на <li>.

#create_request ol {
    width: 313px;
}

#create_request li {
    line-height: 23px;
    ...
}

Answer 2

IE может делать некоторые странные вещи с отступом / полем. Я бы порекомендовал иметь отдельный файл .css для IE:

<!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

А затем просто добавьте padding-left или margin-left, чтобы вернуть его на место.

Answer 3

1) попробуйте display: block; вместо display: list-item;

2) попробуйте использовать поле (даже поле слева: 0;)

3) Также доступен взлом CSS для IE7

*+html #create_request li{

     ..... some style corrections here will work for IE7  .....

}