[Помогите] Правка css - размещение текста в модуле

тут - лидеры продаж, при наведении вылазит за пределы модуля. Если я редактирую 721 строку и убираю
width: 152px;
то в модуле на страничке все отображается правильно, НО ужас тогда творится в рекомендуемых на главной странице. Там на товарах перестает переносится текст, в связи с этим в одну строку помещается только один товар а не пять как задумано сейчас.
Как это можно поправить?

 

Какая у тебя должна быть ширина? Лидер продажах?

--- Добавлено, 9 дек 2013 ---

<div class="box-product">
<?php foreach ($products as $product) { ?>
<div style="width: 144px;">
В файле bestseller.tpl строка 6 замени

 

ничего не изменилось

 

тогда в файле catalog\view\theme\default\template\module\featured.tpl - "рекомендуемые товары"

<div class="box-product" style="width: 512px;">

А в css удали строку width: 152px;

 

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

 

catalog\view\theme\default\template\module\featured.tpl

PHP:

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">
      <?php foreach ($products as $product) { ?>
      <div class="recom">

Просто назначаем класс, и в стиле указываем размер.
.recom{
width: 512px;
}

А в css 721 Строку удали,