menu alignment in IE?

Hi all..

Can't for the life of me figure out why this menu won't align in IE... :(

http://www.urbanbreakdown.co.uk

(nav menu at the top)

Can anyone shed any light on what's going on here? Really want to get it sorted out!

Thanks

aj

Well, as always, when you're getting unexpected results and don't know what the hell is wrong, go make sure your website validates to W3C standards.

Perhaps errors in your mark-up is making Internet Explorer slip into "quirks mode" and do all sorts of weird unexpected stuff.

When you're through fixing and getting your site to pass validation, post here if you're still having problems.

Hi,

When you tell the browser to do something impossible then you get impossible results :). You have said that your nav is 377px wide when in fact is about 500px wide. Mozilla ignores any overflow but IE tries to help you by stretching the parent to accommodate and thus ruining the positioning.

Use the correct dimensions and the correct positioning and don't make the browser think.

Code:

---

#nav {
left: 470px;
 margin-top: 135px;
 width: 500px;
 height: 26px;
 position: absolute;
 }

---