Проблема переноса блоков <div>

[FRAGnat]

Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо

html код

 <div id="body"> 
      <div class="floor">
         <div class="blok">
	         <div id="one"></div>
		     <div class="vert_line"><a href="" class="body">Идея</a></div>
	     </div>
         <div class="blok">
	         <div id="two"></div>
	         <div class="vert_line"><a href="" class="body">Домен</a>
		     <p>Мы зарегистрируем для вас доменное имя</p></div>    
	     </div>
         <div class="blok">
	         <div id="three"></div>
	         <div class="vert_line"><a href="" class="body">Сайт</a>
		     <p>Разработаем и создадим сайт под ваши требования</p></div>    
	     </div>
	  </div>
      <div class="floor">	  
         <div class="blok">
	         <div id="four"></div>
		     <div class="vert_line"><a href="" class="body">Контент</a>
			 <p>Подготовим и разместим материалы на вашем сайте</p>
			 </div>
	     </div>   
	     <div class="blok">
	         <div id="five"></div>
		     <div class="vert_line"><a href="" class="body">Хостинг</a>
			 <p>Разместим ваш сайт на собственных серверах</p>
			 </div>
	     </div>   
	     <div class="blok">
	         <div id="six"></div>
		     <div class="vert_line"><a href="" class="body">Сопровождение</a>
			 <p>Будем постоянно присматривать за вашим сайтом</p>
			 </div>
		 </div>		
	   </div>
	   <div class="floor">
         <div class="blok">
	         <div id="seven"></div>
		     <div class="vert_line"><a href="" class="body">Реклама</a>
			 <p>Поможем продать в интернете ваши товары и услуги</p>
			 </div>
	     </div>   
	     <div class="blok">
	         <div id="eight"></div>
		     <div class="vert_line"><a href="" class="body">Продвижение</a>
			 <p>Выведем ваш сайт на первые позиции в поисковых машинах</p>
			 </div>
	     </div>    
	   </div>	 
   </div>   	  

CSS Код

#body{
min-width:950px;
float:left;
width:100%;
height:350px;
max-height:1050px;
}

#one{
min-width:180px;
margin-left:5px;
height:30px;
background-color: #F0F0F0;
background-image: url(01.jpg);
background-repeat: no-repeat;
}
#two{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(02.jpg);
background-repeat: no-repeat;
}
#three{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(03.jpg);
background-repeat: no-repeat;
}
#four{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(04.jpg);
background-repeat: no-repeat;
}
#five{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(05.jpg);
background-repeat: no-repeat;
}
#six{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(06.jpg);
background-repeat: no-repeat;
}
#seven{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(07.jpg);
background-repeat: no-repeat;
}
#eight{
min-width:180px;
margin-left:9px;
height:30px;
background-image: url(08.jpg);
background-repeat: no-repeat;
}
div.floor{
min-width:180px;
height:120px;
max-height:1080px;
width:100%;
}
div.blok {
float:left;
padding-left:4px;
width:28%;
min-width:180px;
height:110px;
}
div.vert_line{
background-image: url(vert_line.jpg);
background-repeat: no-repeat;
height:57px;
margin-left:9px;
float:left;
padding-top:5px;
padding-left:10px;
width:260 px;
min-width:180px;
}

Картинки http://rghost.ru/41406914

[FRAGnat]

Проблема все еще не решена

[wwt]

#body{
min-width:950px;
float:left;
width:100%;
height:350px;
max-height:1050px;
}

убрать min-width:950px;

[FRAGnat]

#body{
min-width:950px;
float:left;
width:100%;
height:350px;
max-height:1050px;
}

убрать min-width:950px;

Сейчас исправлял ошибку с большим скептизмом, и о чудо. Работает. Блин, спасибо большое. Причину ошибки - понял

Edited November 9, 2012 by FRAGnat