I have created a new website for our business in DW. For SEO reasons I have reconfigured the DIV order so that my main content is at the top (in the HTML) rather than the top NAV as this is the main content i want the spiders to crawl first and i can easily manipulate the first URL which the spider will index which is usually has the most weight.
I have used CSS to give the bottom of the mainpic div some margin, then used absolute positioning for the body to move it down in to this area so it look correct and as it should.
I have positioned it in DW so it looks correct in IE. but when i open it in FF, Chrome etc there is around a 5pix gap between the bottom of the mainpic DIV and the Body DIV.
Below is the link to a test page i have created where you can see the problem. Open the page in both IE and FF and you will see my problem.
I would be so grateful if anyone can help a newb to point out where in the CSS is causing this incompatibility?