add Curved borders in product listing IE8

Hello Guys,

How can I add rounded borders in IE8 in the products listing page?
I have tried using this solution www.htmlremix.com/css/curved-corner-border-radius-cross-browser
adding the code and file to administrator/components/com_hikashop/helper/module.php

#'.$main_div_name.' .hikashop_subcontainer {
behavior: url(border-radius.htc);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
';
but with no success.

Maybe I am adding the code to the wrong place.

Please assist

Hi,
Can you give me your web site address ? then I'll maybe be able to help you with your CSS file .

candy.bityarn-online.com/candy

Why don't you edit your product listing through "Hikashop->Display->Content menus" and use the "Item box border" option ?

I have, on Mozilla, chrome and IE9 all is well.
Not IE8

It's because the "border-radius" is not compatible with all version of internet explorer before IE9

www.htmlremix.com/css/curved-corner-border-radius-cross-browser
The link above is to a hack to make border radius work on IE8
Attached is the demo files

any luck?

We won't implement it in HikaShop.
That require the use of a specific huge file for a small functionality which doesn't change much to the display and only for a browser which is reaching its end of life soon.

Nevertheless, you can add that on your website yourself. You don't need us for that. Just add the htc file as explained and change the line:
.curved {

to:
.hikashop_subcontainer {

in the example CSS that you can add in the CSS file of your template and that will round the corners.