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?