This is very strange. I seem to have fixed the IE 6.0 issue, but now I have the issue in Firefox.
The footer seems to now be expanding outside of the main containing <DIV>. I have put borders around the main <DIV>s on the page so that you can clearly see the footer breaking out. http://www.oldsodbury-pri.s-gloucs.sch.uk/index2.php (style @, http://www.oldsodbury-pri.s-gloucs.sch.uk/styles/screen-layout.css) My footer CSS is like this... #footer { height: 50px; width: 100%; position: absolute; bottom: 0; left: 0; border: 1px solid #FF0000; background-color: #ABABAB; margin: 0 8px; text-align: center; color: #000000; } ...and my main containing <DIV> has the following CSS... #page-home { position: relative; min-height: 100%; height: auto; background: url("../images/bg_page2.gif") repeat-y; padding: 0 8px; width: 743px !important; width /**/:759px; border: 1px solid #FF0000;; } Hope you can help me here. Tryst > How can I get the footer to stretch the full width that is used by the main outer <DIV> (page-home). without have to force in a width value? > I thought if I used width 100% this would do it, but the width of the footer in IE falls well about 20-30 pixels short. Do you maybe have margin or padding on body or page-home? -- Steve Clason Web Design & Development Boulder, Colorado, USA www.topdogstrategy.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
