Outer Div Not Stretching Full Width Of Screen Although Inner Div Does

There are similar questions on stack with some suggested answers (some don't work in IE7 like settings display:table), others don't have answers so I'm hoping someone can explain w

Solution 1:

Define your css in you bodymin-width:1024px;

body{min-width: 1024px;}

Demo

Solution 2:

try this

http://jsfiddle.net/wDeCg/3/

.bottom-background-image {
    background-color:green;
    min-width:1024px;
}

Solution 3:

Try this:

body {
    background-color:beige;
    margin: 0;
    width:100%;
}
.bottom-background-image {
    background-color:green;
    width:100%;
    clear:both;
    overflow:auto;
}
.site-width {
    margin: 0 auto;
    width: 1024px;
}