Hi everyone,

im having problems creating a fluid webpage.

my page displays fine in firefox 2 and 3 beta but IE7 pushes my content to the bottom of the screen but after a refresh puts it back in the right place....pressing refresh again usually put its back to the bottom of the screen as well.

Here is the page so you can see what i mean:
www.chantryhigh.co.uk/guestsite/library/bookreviews.html

and here is the code i am using for the content area:
< div class="maincontentbackground" id="maincontent">
< div style="border: 0px solid rgb(0, 0, 0); width: 100%; height: 100%; overflow: auto;">
< !-- TemplateBeginEditable name="EditRegion" -->< !-- TemplateEndEditable --></div>
</div>


can anyone think of a reason why IE7 will not consistently display my page correctly?

if anyone can suggest a way to make this work i would be very greatful <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

oh and im using dreamweaver CS3 if that makes any differance

and the code was html.