Заскакивает фон за контейнеры
 

Подскажите
body {
margin: 0 auto;
padding: 0;
background-color: #CCFFFF
}

#ogl {
position: static;
width: 100%;
height: 200px;
background-color: #ccff99;
}
#ogldan1 {
position: relative;
width: 300px;
height: 200px;
background-image: url(../helpfto/dan1.png);
left: 100px;
}

#menj {
background-color: #B1A2A9;
position: static;
width: 100%;
height: 100px;
margin: 0;
padding: 0
}
#menjdan2 {
position: relative;
width: 300px;
height: 100px;
background-image: url(../helpfto/dan2.png);
left: 100px ;
}
.nav-wrap {
(Это для меню)
width: 560px;
position: relative
}
Как это на странице расположено:
<div id="ogl">
<div id="ogldan1"></div>
</div>
<div id="menj">
<div id="menjdan2"></div>
<div class="nav-wrap"></div>
</div>
Проблема :при уменьшении окна браузера фон заскакивает с правой стороны за #ogl ,#menj,а они должны быть на всю ширину браузера

У Вас установлено 100% по ширине от родительсткого блока. И цепь таких «100%» продолжается до самого html, ширина которого равна ширине ICB, т. е., ширине вьюпорта.

Или используйте min-width для html, или таблицу с table-layout: auto — в таблице ширина берется от рассчитанного значения, а не от номинального.

Я вообще не очень в этом.....min-width для hml или для моих контейнеров задать?