The contentWrapper and footerWrapper div have a border on them, but just won't space correct in IE7. I've tried to fix this for over an hour now...

 

Can anyone help me figure out how to make this render correct in IE7?

 

LINK - View in IE7

 

	 .contentWrapper{
 float:left;
 width:991px;
 height:400px;
 background:#000f23 url('../Images/v1_bg_content.png') repeat-x;
 border-left:2px solid #;
 border-right:2px solid #;
 border-bottom:2px solid #;
 color:#FFF;
 }
 .content{
 overflow:hidden;
 float:left;
 padding:20px;
 }
 .footerWrapper{
 overflow:hidden;
 float:left;
 width:991px;
 height:60px;
 text-align:center;
 background:#000;
 border-left:2px solid #;
 border-right:2px solid #;
 border-bottom:2px solid #;
 }
 .footer{
 overflow:hidden;
 float:left;
 padding:20px;
 }

Never mind folks....I did it a different way that works out....IE = fail...