I have two Div sections as below:

Code HTML4Strict:
<body>
<Form>
  <div id="divMain" style="top:40px">
 
  </div>
 
  <div id="divFooter" style="top:550px">
 
  </div>
</Form>
</body>

If I use- position:absolute for both Divs, they render well on IE, but on firefox, the footer Div renders on the base-line of the Main div.

Even if I use Top, the pixel difference between two browsers disturbs rendering.

Is there any way to render the Divs same in both browsers?