Есть блок #main фиксированный ширины 1000 px.
<div id="main"></div>
В него вложены 4 блока по 230px, у каждого блока по краям отступы 10px (типа модульная сетка)
<div id="main">
<div class="grid_4"></div>
<div class="grid_4"></div>
<div class="grid_4"></div>
<div class="grid_4"></div>
</div>
Как мне сделать, чтобы на экранах максиамальной ширины 480px блоки grid_4 растягивались по всей ширине экрана и были друг под другом? Спасибо заранее!