purplerose

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.

Can anyone help me with this, I am lost....I am a relative newbie to using CSS to control a layout and spent all day yesterday getting my page to look just right in FF, went to check it today in IE and my footer is floating at the top of the page and my background color for my wrapper container is not showing up?this is the page URL http://www.prcreations.net/new/any help would be most appreciated before I start tearing out my hair :::smile:::Thanks in advance!!