OK, I didn't create this website. The problem is the navbar which is #main-menu and is float: right; - it seems to push everything out in IE7 http://www.ariaslondon.co.uk - I would appreciate anyone's help.
Well, I tried to check for you but your server seems to behave very unpredictable. Most of the time I can't even get the pages to load. Anyway, here's what needs to happen: Anything you float, you need to clear. And if you folat something and then expect something else to appear on the same horisonatl line so to speak - you'll have to float that too. And for IE7 - if you want a float:right to appear correctly on the same row as a float:left , you need to have the right element higher in the source code. So, make a div container around the logo image and float it left, and then float the main menu right, but make sure the main menyu is ABOVE the logo in the source code. Then you need to clear the floats, make a css class called .clear and style like below: .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } Code like this: <div id="main-menu"> <ul> <li>Blah blah</li> <li>Blah blah</li> <li>Blah blah</li> </ul> <div id="logo-container"> <a href="blahblah"> <img src="mylogo.gif"/> </a> </div> <div class="clear"></div> This should do it. F**k IE6, it is ten years old and nobody that uses it will be of any gain to your business. Nowadays I block IE6 permanently on all projects. Nicely(with options for updating browser), but permanently.