Question

I am creating a site for which I have created a structure but I am facing height issue in that. here is what I am expecting

but this is what I am getting

Below is the CSS:

html {height:100%!important;}
body {
    margin:0;
    font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#8a8a8a;
    min-width:1000px;
    background:#fff;
    min-height:100%!important;
}

#wrapper {
    position:relative;
    min-height:100%;
    overflow:hidden;
    background:url(../images/wrapper.jpeg) repeat-y;
}
#content {
    float:left;
    width:100%;
    min-height:100%;
}

Answer 1

100% is just getting set to 100% of the content in it , try using a pixel height instead

#content {
    float:left;
    width:100%;
    min-height:500px;
}