Background

[MMysiv 30]

Привет всем друзья! В общем, столкнулся с проблемкой. Есть background-image, он порезан ровными частями по 300px; Вот код:

CSS:

.bg1 {background: url(../images/bg1.jpg) 50% 0 no-repeat;}

.bg2 {background: url(../images/bg2.jpg) 50% 300px no-repeat;}

.bg3 {background: url(../images/bg3.jpg) 50% 600px no-repeat;}

.bg4 {background: url(../images/bg4.jpg) 50% 900px no-repeat;}

HTML:

<div class="bg1">

<div class="bg2">

<div class="bg3">

<div class="bg4">

</div>

</div>

</div>

</div>

Проблема вот в чем, они отображаются только с указанием точного width и height каждому class-у. Но это не дает мне запустить js скрипт автоматического resize background-image по размеру экрана.

Почему собственно в теге html/body background-image можно указывать без указания ширины и высоты, а в дивах это обязательно? Возможно есть какой-то хак? Как-то не доводилось такие манипуляции делать с фоновым изображением, вот пришлось.

Разрабатывается локально.

Изменено 3 мая 2014 пользователем MMysiv