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

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