Well thats good.
But there's a problem here in my design layout.
Code is :
<li><a href="#">
<img src="images/small_product_list_08.jpg" alt="" />
<div class="product-list-desc">lol <i>$29.00<b>$19.00</b></i></div>
</a></li>
$29.00 is ProductMRP
$19.00 is ProductPrice
Screenshot attached.
When there's no ProductMRP then there's a slight change in code ie:
<li><a href="#">
<img src="images/small_product_list_01.jpg" alt="" />
<div class="product-list-desc">Canvas Backpack <i>$59.00</i></div>
</a></li>
Here only one price is there ie. ProductPrice($59.00) and no ProductMRP