Positioning problems with IE7 (CSS)

Question

I have some problems with a menu on my website. In chrome, IE8, safari, FF etc it looks fine.

The only problem I have is IE7. In IE7 the menu is not at the top of the site.

I have a seperate css file for IE7, but can't find the problem.

My site is http://www.e107webdesign.nl

It's the video menu at the right side of the screen. It is placing itself at the same level as the news, but it needs to be on the same level as menu 1 and menu 2.

Some help would be appreciated.

Thanks

Answer 1

You havn't closed all your divs, theres still one open.

Try validating it. http://validator.w3.org/

Answer 2

You can fix the problem cross-browser by floating the sidebar3 right instead of left, and adding a clear to the art-content div (although it's worth validating your mark-up too).

.art-content {clear: left;}
.art-sidebar3 {float: right;}