Ok this site looks perfectly fine on all other Browsers except for IE of course, now I can modify the code too much, but is there a simple way to move the slider/image up to the top like it looks on FireFox, Chrome and Safari, take a look at it in IE I only used Adobe BrowserLAb to check and the image is way down below the Navigation.

I'll go through each. On #MainMenu, I basically just make use of the top: coordinate instead of margin, that way the flow of the document won't be affected, and you can place it easier. Not the best way to do this, but considering your page, it's all I got.

The ul that has overflow:hidden; was just something you needed on your page. You could take it out and I doubt anything bad would happen. But you needed to contain your lfoats there. Not a biggie.

The #MainHeader{} was to give a parental stacking context for the big golf image.

The #PageTop code basically removed the huge margin-top (-358px off the top of my head?) and instead places it absolutely. This was a huge part of your problem. This is a more ...stable way to place it, although not the best. The position:relative on .inner-2 makes the placement as accurate as can be for the countryclub image.

Your a genius I'm looking at it in Adobe Browserlab and for the most part it looks great except in IE 7 the slider image is off by a bit and looks to be infront of the navigation but looks fine in IE 9. Any ideas how to fix that.