Border-radius.htc for rounded corners in ie?

[mike_uk100]

Hi,

I'm working on a site where I want rounded corners on some boxes on the home page. I'm using rounded-corners.htc from here: http://code.google.com/p/curved-corner/downloads/list to try and get them to show in ie 6,7 & 8. I have used this method before without a problem but unfortunately I can't seem to get them to work within zen cart. It seems strange because I have a file with just the main content from the home page working as it should in the top zen cart folder of the site but once I put this content on the index page using the define pages editor the corners stop working in ie (and the background of those divs also disapears).

Here is a link to the site:

http://www.glossopgardencentre.com/shop/

Here is the page where it's working:

http://www.glossopgardencentre.com/s...yout-mike.html

I'm using absolute paths to border-radius.htc.

Can anyone point me in the right direction with this?

[mike_uk100]

Forgot to mention - within the main content it's just the top box with the slideshow and logos and the one directly beneath it on the right that use css rounded corners (the others are just images)

[mike_uk100]

Had to change it back to table based layout for now so it looks correct in ie as its going live soon, so the links above are no longer relevant. Having thought about it for a few days I think it might be a cascade problem maybe. I'll try and get it working when I have time and post again if i have any success. In the meantime if anyone else has this working or has any ideas I'd be interested to hear.

[rbarbour]

the behavior (style) should be placed in an ie-specific .css file, you also need to include the border radius (style) here.

the border-radius.htc file should be placed at root of store

Note: this slows IE load time tremendously.

I have attempted and succeeded with this in the past and altimately did a screen shot of the site in FF and inserted a bg image for IE.

I have also used curvycorners that uses js but requires the renaiming of classes & id's also not worth it.

Both & all hacks available for this for IE is a waste in my opinion.

[mike_uk100]

Thanks rbarbour, I'll give your background images suggestion a try.

[rbarbour]

If your not sure how it will look you can click on my siggy to view my site.

I use the border-radius & linear-gradient style for FF & Chrome, I use backround DIV images to create the appearance in IE.