Question

I am trying to get rounded corners in IE pn the following website using the border-radius.htc ( http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser ) method but it doesn’t seem to be working.

When you hover over the menu the level 2 sub menu should have round corners but doesn’t (IE8).

Search the HTML source for .rounded-corners to see where it is applied and should be showing but isn’t.

Can anyone please help?

http://berrisford.gumpshen.com

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
}

Answer 1

Can’t you just use:

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
  border-radius: 4px; /* example */
}

It also assures that it tries also the CSS way of rounding the corner.