Trouble with IE/Firefox text position in layers over rollover

[stephenv2]

I'm developing a site for a client that requires the use of text layers on top of Imageready Rollover so I have to figure out a way to make this work.

You can see the page-in-progress here. Password protection is just for search engine/casual searchers...

http://64.91.225.230/aboutbep.html

user brighteye
password brett4845

The text is an div layer with absolute position set. IE renders it in the "correct" position (i.e. same position as in Dreamweaver) and Firefox drops it down 5-10 pixels. Also hold true for IE 5 and Netscape 7, so it's a basic browser issue.

Text renders in the same position in IE & Mozilla if the <p> tags or similar is removed.

Hopefully a code fix will solve it as for other reasons, the design needs to hold as is. Any insight/help appreciated.

[drhowarddrfine]

Your doctype is incorrect. See my link below. Use strict, not transitional. Then validate and fix your many html and css errors.

[stephenv2]

Your doctype is incorrect. See my link below. Use strict, not transitional. Then validate and fix your many html and css errors.

Doctype has no effect on this issue. The html/css errors in only in the Imageready rollover code and also have no bearing on the issue (I can remove all the code and issue still occurs).

[ray326]

IE renders it in the "correct" position (i.e. same position as in Dreamweaver)Interesting definition of "correct."

Well there are a couple of body tags and the content of the text box should be a heading and three paragraphs although that doesn't affect the position.