another ff & ie height issue

[mr_l_k]

ive tried various combinations from forums but still getting a quirk:

body layout:

<div align=center>
<div id="width">
a set fixed table
<div id=main>
main text of page and a couple of 250x150 pics
<br style="clear:both" />
</div>
<div id="footer">copyright 2006</div>
</div></div>

css:

#width{
width: 765px;
background-color: White;
}
#main{
text-align: justify;
border-right: 1px solid #266900;
border-left: 1px solid #266900;
color: #059902;
background-color: White;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

#footer{
width:100%;
background-color:#000000;
font-size: 9px;
}

so basically it now works perfectly in ff but in ie the bottom of the main div ends after the text which means the left and right borders end half way down (the images are right aligned and therefore higher than the text) but the footer is properly underneath (i assume because of the clear:both code

the other problem is that on a couple of pages i will have fixed position divs with no text in the main div and need the white background (with the borders) to reach the bottom

[coopersita]

Just fake the effect.

Google "faux columns". You make a background that goes all the way down with the white columns.