Блок CSS не масштабируется до 100% с узким браузером

Question

У меня проблема - контейнерный блок не масштабируется на 100%, когда мой браузер меньше 100% ширины страницы (960 пикселей).

Изображение: http://www.upload.ee/image/1549682/problem.png

   /* CONTENT */
div#content {
width:100%;
background-color: #e0e3e3;
}

div#content_wrap {
display: block;
width: 960px;
min-height:200px;
margin: 0 auto 0 auto;
}


<div id="content">
    <div id="content_wrap">
        test
    </div>
</div>

Answer 1

добавь это в своем стиле

body{
        margin:0;
        padding:0;
    }

Answer 2

изменить width: 100% на display: inline-block.

div#content {
    display: inline-block;
    background-color: #e0e3e3;
}

проблема в том, что width: 100% устанавливает ширину 100% родительского элемента , а не размер дочерних элементов. Чтобы добавить div к содержимому, используйте inline-block.