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
(style @, http://www.oldsodbury-pri.s-gloucs.sch.uk/styles/screen-layout.css)
My footer CSS is like this...
border: 1px solid #FF0000;
margin: 0 8px;
....and my main containing <DIV> has the following CSS...
background: url("../images/bg_page2.gif") repeat-y;
padding: 0 8px;
width: 743px !important;
border: 1px solid #FF0000;;
Hope you can help me here.
> 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?
Web Design & Development
Boulder, Colorado, USA
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/