Weird LI white space issue in Internet Explorer

I have a strange issue which has been bugging me all day. On the following page: http://www.abbey-garage.co.uk/manufacturer.php?id_manufacturer=4

Basically, if I view this page in Firefox, each list item (vehicle listing) has a small amount of spacing between them (around 10 pixels)... however in In开发者_JS百科ternet Explorer this is dramatically increased to around 100px!!

Could anyone shed any light as to what might be causing this?

Many Thanks! :)

Theres two problems here. First is the 100% width here at line 1548 in global.css:

ul#product_list li div.center_block {
    vertical-align: top;
    width: 100%
}

Remove the width and you should be fine.

Second problem is the way the price is forced under the picture at line 1552 of global.css

ul#product_list li div.right_block {
    margin-right: 1em;
    width: 11em;
    text-align: left;
    margin-top: 155px;
}

There are better ways to do this... Change the above to the next and it should work better...

ul#product_list li div.right_block {
    margin-right: 1em;
    width: 11em;
    text-align: left;
    clear: left;
    padding: 10px 0 0 0;
}

Though no garantuees here, the html is a mess and hard to debug especially in IE.