Hi all,
I've designed a page that uses absolute positioning to place the
navigation bar so it appears to slightly overlap the left edge.
See http://www.artofoke.co.uk/home.htm
There is a PageWrapper that encompasses everything on the page including
the navigation, and an InnerWrapper with a white background within this
PageWrapper with the content itself.
The navigation bar is absolutely positioned between this InnerWrapper
and PageWrapper with a top position value of 272px to move it down the page.
Since no left value is given it should position itself to the left
margin of PageWrapper.
The page itself is commented in the markup and the stylesheet is also
commented (http://www.artofoke.co.uk/css/art-of-oke.css)
Everything works just great in Mozilla or Opera, but the navigation gets
positioned incorrectly within the page itself in IE.
Take a look at http://www.artofoke.co.uk/grabs.htm to see example
screenshots.
I've played around with various options but none of them resolve the issue.
Any ideas why this is happening and how to cure it?
Thanks in advance,
Tony.