Почти ровные блочки VirtueMART

Надо было сделать два товара в строке в блочках вот такой вариант получился в тонкий рамочках.

Путь к файлам browse_xx.php

\administrator\components\com_virtuemart\html\templates\browse

 <div style="width:95%; height: 280px; padding: 0px 3px 3px 3px; border: 1px dotted #96C670; margin: 3px; ">
   <h3>
   <a style="font-size:12px; font-weight:bold; margin: 3px;" href="/{product_flypage}">{product_name}</a>
   </h3>
     <div style="float:left;width:32%" ><a href="/{product_flypage}">
               <script type="text/javascript">//<![CDATA[
         document.write('<a href="javascript:void window.open(\'{image_url}product/{product_full_image}\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width={full_image_width},height={full_image_height},directories=no,location=no\');">');
         document.write('<img src="/{product_thumb_image}" {image_height} {image_width} border="0" title="{product_name}" alt="{product_name}" /></a>' );
         //]]></script>
         <noscript>
             <a href="/{image_url}product/{product_full_image}" target="_blank" title="{product_name}">
             <img src="/{product_thumb_image}" {image_height} {image_width} border="0" title="{product_name}" alt="{product_name}" />
             </a>
         </noscript>  
     </div>
     <div style="float:right;width:60%; margin-left: 18px;"><B>Код товара {product_s_desc}</B><br />
       <a href="/{product_flypage}">{product_details...}...</a>
     </div>
   <br style="clear:both;" />
   <p>{product_price}</p>
   <div style="float:left;width:60%">
       {product_rating}
   </div>
   <div style="float:left;width:32%">{form_addtocart}
   </div>
   <br style="clear:both;" />
 </div>