Hi,
This is my first time posting on this forum. I am kind of a novice at web design still. I am using the 960 grid for the first time, and I have run into a problem with putting a footer outside of the container so I can have a 100% width footer. The footer always ends up being on the top of the page overlapping the container div. I have changed the positioning to relative, and changed the container to relative, I have changed the footer to display:block, I am out of ideas. :o

//this is the container attributes.
.container_12,
.container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
}

//these are the footer attributes, they may look sloppy, but I just started adding things to it when it wouldn't work the first few times.
.footercontain {
position:relative;
bottom:0;
width:100%;
min-width:1002px;
min-height:200px;
height:auto !important;
height:200px;
background-color: #000000;
margin:0px;
display: block;
}
.container12 footbox {
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
min-height:200px;
height:auto !important;
height:200px;
background-color: #000000;
margin:0px;
background-image: url(../images/opacity.png);
background-repeat: repeat-x;
position: relative;
}

//html

//this is all outside of the container div
<div class="footercontain">
<div class="container12">
<div class="footerbox"></div>
</div>
</div>