Zoo - CSS Как уменьшить Div элемента? - Вопросы по CSS

С Joomla работаю довольно давно, но по ряду причин Zoo стал использовать недавно, сделал все настройки залил в каталог нужные мне позиции, и все работает, но начальство поставило вопрос ребром сделать рамку на каждый объект, и вот тут начались чудеса
Вот собственно ссыль http://orshamedia.by/index.php/magazin-mediator/katalog-magazina/category/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE-%D0%B3%D0%B8%D1%82%D0%B0%D1%80%D1%8B
По логике вещей должно отображаться 3 позиции в ряд, но Joomla и логика очень не всегда совместимы, код писал следующий
 
div.width33  {

width: 150px;
height:130px;
color: #0000;
background:#ffffff;
border: 1px #CCCCCC solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
margin: 10px;
}
И работает как не странно почти все из написанного, кроме того что Divы слишком длинные, Суть вопроса в том что бы сделать сами Divы меньше, кто то может подсказать как решить этот вопрос?

Ну или хотя бы добиться того что бы отображало 3 элемента в ряд

site.by/media/zoo/applications/product/templates/default/assets/css/category.css

#yoo-zoo .width33 {
    float: left;
    width: 31%;

но Joomla и логика очень не всегда совместимы

с такими изречениями думаете люди к вам потянутся на ЭТОМ форуме?))))

Огромное спасибо, Большое прибольшое, вы спасли меня))))

ну ты и **дар, минусуешь. нуну

**лава

*мо