Проблемы с версткой каталога

[vladmih]

Вот ссылка на макет

Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары.

Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами.

Так вот почему-то, когда я вкладываю в див группы товаров див с самим товаром, первый не растягивается по высоте...

вот код HTML

блок right это тот который справа от сайд бара. Тобеж контент или еще как его называют...

              <div id="right">
                	<h1> O магазине </h1>
                    <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla.
                    Все материалы на этом сайте присутствуют исключительно в демострационных целях.</p>

                    <div id="recomend">
                        <h1> Рекомендованные товары </h1>
                        <div class="item">
                        	<div class="goods_img">
                                <img src="img/sams_galaxi.png"/>
                            </div><!--goods_img-->
                            <div class="goods_info">
                            	<a href="#">Samsung S5570 Galaxy Mini</a><br/>
                                <span>7300 руб.</span><br/>
                                <input type="submit" value="добавить товар в корзину"><br/>
                            </div><!--goods_info-->
                        </div><!--end item-->
                  </div><!--end recomend-->
              </div><!--end right-->

Вот CSS

#right {
margin-top: 25px;
margin-left: 235px;
}

#right h1{
font:30px Tahoma;
}
#right p{
font:12px Tahoma;
margin: 10px 0;
}


#recomend {
background:#666666;     
}

.item {
float:left;
width:225px;
min-height:290px;
margin: 10px 0 10px 37px;
}
.goods_img {
width:223px;
height:210px;
border:1px #e5e5e5 solid;
border-radius: 10px 10px 10px 10px;
}
.goods_img img{
display:block;
margin: 15px auto;
}
.goods_info {
margin-top: 10px;
width: 223px;
min-height:70px;
border:1px #e5e5e5 solid;
border-radius: 10px 10px 10px 10px;
}
.goods_info a{
position:relative;
top: 5px;
left:5px;
font:14px Tahoma;
color:#4e7aa9;
text-decoration:none;
}

.goods_info span{
position:relative;
top: 10px;
left:5px;
font:14px Tahoma;
}

.goods_info input {
font:12px Tahoma;
color:#fff;
padding-bottom:2px;
text-transform:uppercase;
width:225px;
height:23px;
border:none;
position:relative;
left:-1px;
top:15px;
background:url(img/to_cart_bg.png) repeat-x;
cursor:pointer;
border-radius: 0 0 10px 10px;
}

.goods_info_choice {
margin-top: 10px;
width: 223px;
min-height:70px;
border:1px #e5e5e5 solid;
border-radius: 10px 10px 10px 10px;
}

.goods_info_choice a{
position:relative;
top: 5px;
left:5px;
font:14px Tahoma;
color:#4e7aa9;
text-decoration:none;
}
.goods_info_choice .btn_choice {
font:12px Tahoma;
color:#fff;
padding-bottom:2px;
text-transform:uppercase;
width:225px;
height:23px;
border:none;
position:relative;
left:-1px;
top:15px;
background:url(img/to_cart_bg.png) repeat-x;
cursor:pointer;
border-radius: 0 0 10px 10px;
}

Я специально добавил к нему фон темный, чтоб посмотреть как он себя ведет... В файрбаге я наего смотрю, а он по высоте как <h1>

Вот ссылка на макет

Edited November 2, 2012 by vladmih

[Radiocity]

Потому что задана максимальная высота.

[vladmih]

Потому что задана максимальная высота.

Максимальную высоту я не задавал... Если у меня не по вылазило))))

Минимальную задавал для блоков в с товарами где картинка, где инфо, и где собственно сам блок итем... Чтоб они были все одинаковыми...

[Radiocity]

Да.. ошибся. Перепутал с goods_img.