stretch container DIV over window width

by Shridhar Baddur

HTML

<div id="container">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

#container {
            background-color: green;
            white-space: nowrap;
            padding: 50px;
            width: auto;
            display: table-row;
        }
        #container > div {
            display: table-cell;
            width: 200px;
            height: 200px;
        }
        #container > div:nth-child(2n+1) {
            background-color: red;
        }

JavaScript

$(document).ready(function () {
    vWidth = $('body').width();
    $('#container').css('width', vWidth + 'px');
});