Can someone take a look at this site I'm in the process of developing please.

http://www.webamaze.co.uk/test/index.html

Watch, click and refresh a few times the vertical menu on the left in IE7 and then do the same in FireFox.

What is making it behave like that? I've been through the code for a couple of days now and can't pinpoint it.

I've taken out and replaced: divs, javascript, css etc until I've torn out what little hair that I've got left.

The css file is here: http://www.webamaze.co.uk/test/style.css

As I say it works fine in FF, Opera and Safari but not the browser that 65% of the world use.

Fix the validation errors and then see how it compares in various browsers.

http://validator.w3.org/check?uri=http% … mp;group=0

Thanks Cary. I never thought of the obvious.

I did cheat a bit and changed the doctype. I only had to fix around 25 repeated errors then and not the original 87.

All seems to work now but haven't really worked it hard yet.

Just checked the validator again after doing the site this morning and it's chucked it out again because it doesn't think that the Coffee Cup doctype is valid.

Yep, this is the complete and valid 4.01 transitional doctype:


I spread it across two lines so it's easier to see. The doctype you have puts browsers in quirks mode which means IE will render things using IE5's broken box model.