I have a website hosted at discoverybyte.uuuq.com, and it is working great, except that the heading is displayed weird in IE8. It works fine on Firefox 3.5 though.

In IE8 the heading menu is indented when I prefer it not to be.

See the attached images for more help.

Please note that as of this posting the code is on my website shown above.

Any help would be appreciated.

Click to view attachment

Click to view attachment

Remove the 'margin: auto' you have given .menu.

I'm not sure what's going on here. IE isn't even supposed to understand auto margins when in quirks mode (and it is, because if the short doctype you use). There must be something more behind it, but that fixes the problem and you don't need to center the menu anyway since it's 100% wide.

It was the "margin: 0 auto;". Changing it to "margin: 0;" fixed it

Thanks