Problem with LI element in Internet Explorer 8

Question

Hi, for some reason my LI elements are not floated to the left in internet explorer, they are showed each below the other. Anybody knows how I could fix this? Thanks in advanced.

#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

If I understand your issue correctly, it may have to do with setting display: inline. Changing to display:block; seems to solve the issue in IE and FF.

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

#books ul li{ float:left; margin-right: 20px; padding-bottom: 20px; height:300px; display:block;}