Hoem featured / 3 lines / IE display problems

[InsanePL]

Hello I`ve got some display problems.

With FF (newset) it`s perfect

Please check:

 

http://technet1.webd.pl/prezent/

 

but with Ie the home featured looks liek theres no clear: both attribute etc, and one product do down instead fo all in line

 

Theres codes:

 

homefeatured.tpl

 

<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block" style="margin-bottom: -390px;">
<h4>{l s='Featured products' mod='homefeatured'}</h4>
{if isset($products) AND $products}
 <div class="block_content">
  {assign var='liHeight' value=224}
  {assign var='nbItemsPerLine' value=3}
  {assign var='nbLi' value=$products|@count}
  {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
  {math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}
  <ul style="height:{$ulHeight}px;">
  {foreach from=$products item=product name=homeFeaturedProducts}
   <li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if}
   {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1}clear{/if}
   {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">	

 <a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image">
 <img style="border: 0;" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />
 </a>
 <h5 style="line-height: 15px;"><a style="line-height: 15px; font-size: 14px; font-weight: bold; color: #107194; margin-top: 3px; margin-left: 3px;" href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|escape:'htmlall':'UTF-8'}</a></h5>
 <div style="margin-top: -11px; margin-bottom: 4px;">
  {if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
  <p class="price_container"><span class="price" style="margin-left: 5px; font-size: 21px;">
  {if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
  </span> 	  

  <span style="clear: both; color: #fff; padding: 5px; margin-left: 19px; font-size: 16px; font-weight: bold;">
  {if isset($product.reduction) && $product.reduction} 
  {math assign="reduction_amount" equation="(x - y)" x=$product.price_without_reduction y=$product.price}   
  {math assign="reduction_perc" equation="(x / y) * 100" x=$reduction_amount y=$product.price_without_reduction format="%.0f"}

  -{$reduction_perc}%
  {/if}
  </span>

  </p>

  {else}
  {/if}
 </div>
   </li>
  {/foreach}
  </ul>
 </div>
{else}
{/if}
</div>
<div style="clear: both"></div>
<!-- /MODULE Home Featured Products -->

 

and some code from global.css

 

/* BLOCK HOME ED ************************************************************************* */
#featured-products_block_center li {
padding:1px 1px;
margin-right: 6px;
width:170px;
background: url('not.jpg') no-repeat;
border: 1px solid #d1d1d1;
margin-top: 6px;
background-position: bottom right;
}
#featured-products_block_center li:hover {
border: 1px solid #4cb0d4;
background: url('percent.jpg') no-repeat;
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center h5 {
padding-top:1px;
height:25px;
font-size:12px;
color:#107194;
}
#featured-products_block_center .product_image {
display:block;
position:relative;
overflow:hidden
}
#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 15px;
right:-30px;
padding: 1px 4px;
width: 101px;
font-size:10px;
color: #fff;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #990000
}
#featured-products_block_center .product_desc {height:45px}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
color:#666
}
#featured-products_block_center .lnk_more {
display:inline;
padding-right:10px;
font-weight:bold;
font-size:10px;
color:#0088cc;
background:url(../img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
margin-top:10px;
padding:0;
}
#featured-products_block_center .price {
font-weight:bold;
font-size:14px;
color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

 

 

any soultions please?

[InsanePL]

Solved, I used different style for discount for browsers.