Ok here is the css code that controls the containers on the page, the one named "page" is the wrapper, then there is the "headerimg" which holds the header image at the top, the "content" container holds all the information in the large left column, and the "sidebar" hold the navigation links, etc. and the "footer" holds my copyright information at the bottom of it all. It is pretty straightforward, trying to keep it simple, and it looks great in FF, but again in IE the footer is floating at the top and the background color for the page container is not showing up. #page { background-color : #b1adbe; color : #464253; position : relative; width : 778px; padding : 0; margin : 0 auto; text-align : left; min-height : 800px; } #headerimg { background-image : url(images/header.jpg); position : absolute; margin : 0 auto; width : 778px; height : 174px; padding : 0; border-bottom : 1px solid #9791a9; } #content { position : absolute; top : 180px; left : 2px; right : 220px; width : 578px; padding : 0; border : 0; } #sidebar { position : absolute; top : 180px; left : 580px; right : 20px; width : 200px; padding : 0; } #footer { background-color : #9791a9; color : #464253; position : relative; margin : 0 auto; width : 778px; padding : 0; text-align : center; border-top : 1px solid #464253; }
Could really use some help figuring out where I went wrong on this, because I am totally clueless.EDIT: Merged posts.