Layout broken with IE7

I'm currently dealing with a broken layout of I website in IE7. The layout works fine in IE8, FF, Chrome, Safari but of course not in IE7.

The site can be visited here: http://www.nionwebdesign.com/dev/soon

The problem in IE7 is that the list of images right of the list with links is somehow pushed down to the bottom instead of sticking with the others divs left开发者_如何学C of it. It looks like a floating/clearing issue but I've tried fixing it for hours but without a result.

Who could take a look and hopefully has the answer to this problem?

Thanks in advance.

I would recommend commenting out all your floats and then re-inserting them one at a time. When you find the problem float replace it with display:inline-block that will usually fix the float issue.

Hope that helps.

If you are reffering to the div#slider1, where the div.viewport and the ul.overview have the li and a elements that go to the right and thus not visible, remove the overflow: auto; from the div#slider. Apart from that I dont see much problems except the margins/space between the white torn paper like text.

IE9

IE7