I need some serious CSS help

[MetalMilitia]

Ah, OK I think I see your problem. I believe it's acting strangely because the page-footer is in the wrong place and you're trying to hack the footerbar back into the correct place.

try this:

Move the page footer into the correct position:

#page-footer {
clear:both; <!--You don't need this, as clear only works with floated elements-->
margin:0pt auto;
padding:25px 50px 0px 0px;
width:730px;
position:relative;
left:-25px; <!--Move the tag to the left of the main wrapper-->
}

Adjust the navigation so it lines up with the new footer:

.navbar {
background-color:#EBEBEB;
clear:both;
padding:0pt 10px;
margin-left:40px; <!-- Push the navbar in a bit so it doesn't look weird-->

}

Get rid of the hacky x positioning:

.footerbar {
background:#EBEBEB url(./styles/proStrikers/imageset/strikers_footer.jpg) repeat-x scroll 0pt;
color:#FFFFFF;
height:86px;
margin-bottom:0pt;
padding-bottom:0pt;
position:relative;
top:15px;
width:780px;
}




I'm not able to test these changes in IE but I suspect they'll fix your main issue.