TalkPHP - footer auto adjustment

Hey,

I currently have a wrapper

Code:

#wrapper 

{

  position: relative;

  margin: 0 auto;

  padding: 0px;

  width: 870px;

  height: 0px;

}

The problem is that my footer has an image that needs to repeat across the entire browser. So if I put the footer in the wrapper it only repeats within the wrapper.

So what I did was move the footer outside the wrapper and in FF it looks fine, but in IE it's broken. It shows the footer all the way at the top

Code:

#footer

{

  width: 100%;

  height: 100px;

  float: left;

  margin: 25px 0px 0px 0px;

  padding: 0px;

  color: #FFFFFF;

  text-align: center;

  background: #cecece url(../images/content_footerBG.jpg) repeat-x;

}

How can I stack the footer under the wrapper?