New product block not working properly in Safari browser ?

[Lu thranga]

Hi,

 

This is a strange problem, New product block working fine with all other major browsers except apple Safari ? Price tag cut in half and i can't understand why (attached image) and my newproduct.tpl & css files attached.

 

link http://www.arteatlas.com

 

Thank you very much in advance.

 

#new-products_block_right .block_content, #best-sellers_block_right .block_content {
	overflow: hidden;
}
#new-products_block_right li {
 	border-bottom: 1px dotted #DEDEDE;
	height: 90px;
	width: 168px;
	margin: 3px 1px;
}
#new-products_block_right li.last_item {
	border-bottom: none
}
#new-products_block_right li a {
	text-decoration: none;
	font-weight: normal;
}
#new-products_block_right li a:hover, #new-products_block_right li a.title:hover {
	text-decoration: underline;
}
#new-products_block_right li a.title {
	font-weight: bold;
	color: #515151;	
	text-decoration: none;
	display: block;
}
#new-products_block_right p {
	padding-top: 10px;
}
#new-products_block_right p.price_container {
	font-size: 10px;
}
#new-products_block_right span.price {
	font-weight: bold;
	font-size: 13px;
	margin-left: 0px;
}
#new-products_block_right li img {	
	float: left
}
#new-products_block_right li h5 {   
   width: 82px;
   float: left;
	padding-top: 10px;
}
#new-products_block_right li p.price_container {
	text-align: left;
} 

<!-- MODULE Block new products -->
<div id="new-products_block_right" class="block products_block">
    <h4><a href="{$link->getPageLink('new-products')}">{l s='New products' mod='blocknewproducts'}</a></h4>
    <div class="block_content">
    {if $new_products !== false}
        <ul>
        {foreach from=$new_products item=newproduct name=myLoop}
            <li class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if}">
                  <a href="{$newproduct.link}" title="{$newproduct.legend|escape:html:'UTF-8'}"><img src="{$link->getImageLink($newproduct.link_rewrite, $newproduct.id_image, 'medium_default')}" alt="{$newproduct.legend|escape:html:'UTF-8'}" /></a>
  <h5><a href="{$newproduct.link}" title="{$newproduct.name|escape:html:'UTF-8'}" class="title">{$newproduct.name|truncate:30:'...'|strip_tags|escape:html:'UTF-8'}</a></h5>           
            {if !$priceDisplay || $priceDisplay == 2}<p class="price_container"><span class="price">{convertPrice price=$newproduct.price}</span>{if $priceDisplay == 2} {l s='+Tx' mod='blocknewproducts'}{/if}</p>{/if}
         {if $priceDisplay}<p class="price_container"><span class="price">{convertPrice price=$newproduct.price_tax_exc}</span>{if $priceDisplay == 2} {l s='-Tx' mod='blocknewproducts'}{/if}</p>{/if}</li>
        {/foreach}
        </ul>
    {else}
        <p>{l s='No new products at this time' mod='blocknewproducts'}</p>
    {/if}
    </div>
</div>
<!-- /MODULE Block new products --> 

Edited February 2, 2014 by thranga (see edit history)

[vekia]

try with this:

#new-products_block_right .price {display:block; clear:both;}