Элемент LI в Internet Explorer 8

Question

по какой-то причине мои элементы LI не перемещаются влево в Internet Explorer, они показаны друг под другом Кто-нибудь знает, как я мог это исправить?

#books ul{
    list-style:none;
    margin:0px;
    float:left;
    display:inline;
}
#books ul li{
    float:left;
    margin-right: 20px;
    padding-bottom: 20px;
    height:300px;
    display:inline;
}

Answer 1

Если я правильно понимаю вашу проблему, возможно, это связано с настройкой display: inline. Изменение отображения: блок; кажется, решить проблему в IE и FF.

#books ul{
list-style:none;
margin:0px;
float:left;
display:block;}

# книг ul li { плыть налево; поле справа: 20 пикселей; отступ - 20 пикселей; высота: 300px; дисплей: блок;}

Answer 2

Нет необходимости использовать float, если вы просто хотите, чтобы каждый LI был встроенным, вы можете использовать только свойство display.

#books ul{
    width: 100%;
    list-style: none;
    margin: 0px;
}
#books ul li{
    margin-right: 20px;
    padding-bottom: 20px;
    height: 300px;
    display: inline-block;
}