BG Image from wrapper continue in footer

HTML & CSS
1

I use the min-height 100% for my container with a sticky footer, but the background image I use for the wrapper continues in the footer. Never had something like this before. This is the CSS:


html, body {
    height: 100%;
}
#wrapper {
    width: 960px; min-height:100%; margin: 0 auto -110px; font-size: 0.8em;  background: url(../images/content.png ); 
}

* html #wrapper {
    height: 100%	
}

#header { 
    width: 960px; overflow: hidden;
}

#header .logo {
    height: 110px; float: left;
}

.clear-mrg {
    height: 110px; clear: both;
}

#footer-panel {
    width: 100%px; height: 110px;
}



<div id="wrapper">

<div id="header">

</div>

<div class="clear-mrg"></div>
</div>

<div id="footerpanel">

</div>

Does anybody see what I’m doing wrong?

Thank you in advance

2

Thank you for the response! That was a typo (: while copy and paste to the forum, so that can’t be the problem. But thank you for mentioning. I should be more careful with posting the required code.

3

If what you have in the code boxes is true, you may want to look at your
<div id="footerpanel’> and your css
#footer-panel

These two need to match exactly.