I've got a problem with my footer and can't figure out how to fix. The footer does two different things.
1. On pages where info is relatively medium amount, footer leaves gap.
2. On pages where info is relatively medium amount, footer overlaps left-bar.
3. On pages where info is relatively large, footer overlaps bottom area of content (covering up info at bottom of STATIC page).
I have a repeating background (1000px x 1px) in content.
I have a fixed image for the footer.
Click on any page to see problem.
Link to page:
http://67.20.92.91/store/home.php
Code from AltSkin.css
#page-container {
margin: 0px auto;
width: 1000px;
}
#content-container {
padding-bottom: 0px;
margin-top: 153px;
}
#content-container2 {
padding-bottom:0px;
margin-bottom:0px;
}
#left-bar {
width: 170px;
margin: 120px 0px 0px 80px;
}
#center-main {
padding: 0px 80px 0px 80px;
margin:0px 0px 0px 200px;
}
#center {
background:url(images/fashion_mosaic/bg-repeat-center.png) repeat-y top center;
}
#center-main h1 {
color:#eb9b11;
}
#header {
border-top: 0px solid #516e99;
top: 0px;
height:223px;
width:1000px;
margin-left:auto;
margin-right:auto;
background:url(images/fashion_mosaic/bg.jpg) no-repeat top center;
}
#footer {
background-color:#291f16;
width:1000px;
height: 154px;
background:url(images/fashion_mosaic/bg-footer.jpg) no-repeat center;
}