Hey guys

My problem has been frustrating me for a while now and after searching many different forums i thought i could post here and see if ay of you could help me out.

My dilema is that i have made a page with a static single picture background, then using a centered container im using position: absolute; for all the objects within.

My problem is that the page layout is slightly different in IE and Firefox, currently all i have on there is the proposed navigation bar but IE places it a little further up the page than what Firefox does. How can i make both browsers place the nav bar and any other elements in the right vertical position?

Heres the page
www.mcicomputers.com/test/index.html

And the css
http://www.mcicomputers.com/test/style.css

Any workarounds or help is greatly appreciated

Thanks Glyn

I think it's because you are relying on the default margins and padding the browsers add on elements. Start with taking those away.

body { margin: 0; padding: 0 }
#nav p { margin: 0 }

There. Now it looks the same in both browsers, even of not as you want. You can take it from there.

--
http://yupapa.com

Awesome! Thanks heaps, problem solved.