Question

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?

#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;}