Outer DIV not stretching full WIDTH of screen although inner DIV does

Question

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 exp

Answer 1

Define your css in you body min-width:1024px;

body{min-width: 1024px;}

Demo

Answer 2

try this

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

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

Answer 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;
}