[css-d] Footer not occupying full width of containing in IE6

[trystano]

 Hi all,
 
 I managed to solve my previous footer issue by adding a clearing <DIV>, but 
now I have another issue, which is with the footers width.
 
 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.
 
 <div id="page-home">
 <div id="header"> </div>
 <div id="container">
 <div id="left_col"> </div>
 <div id="main_col"> </div>
 <div id="right_col"> </div>
 </div>
 
 <div id="footer"> </div>
 </div>
 
 My current CSS for the footer is as follows...
 
 #footer {
 
 width: 100%;
 w\idth:759px;
 position: absolute;
 bottom: 0;
 left: 0; 
 }
 
 #inner_footer {
 height: 50px;
 border-top: 1px solid #000000;
 background-color: #ABABAB;
 text-align: center;
 color: #000000;
 margin: 0 8px 0 8px;
 }
 
 See I have add to force a hack in there for the width, which I don't really 
want to do. Is there a way I can neatly fix this issue? Thanks
 
 Tryst
  
______________________________________________________________________
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/