Strange Padding/Margin

Hey all,

I've got a strange problem between FF and IE.

http://www.henryfelton.co.uk/css/margin.html

FF looks fine but IE has a weird margin/padding on the left of the <ul>?

Thanks for any help.

H

Use a correct Doctype, and validate your code.

Your incorrect Doctype is triggering quirks mode. This is probably the cause of the error.

Always fix your validation errors before asking for help. The problem will often disappear once your code is valid; in any case, invalid code is hopelessly difficult to debug.

If you have trouble fixing the validation errors, just ask! It's not nearly as difficult as it seems, and there are plenty of people here to help

You're not quite going about this the right way. You should set up a div called #sidebar and style it. Then put your navigation inside that.

I'd also suggest you take a look at a standard two column layout such as this one. It will show you how to set up the html without using all the styling inside the code. The floats and margins need to be placed inside the css!