applying corners hides borders in IE 7/8; works fine in FF, opera, safari & chrome

[cudeso]

Hi,

When I apply corners to a div that has a background and border, then borders are corned and displayed correctly in all browsers except Internet Explorer (tested with 7 and 8). Instead, the border is hidden but rounding is applied with the 'background' color of the div.

sidemenu {

width: 170px;
float: left;
padding: 10px;
background: #bcbcbc;
border-left: 2px solid #f49d03;
border-right: 2px solid #f49d03;
border-bottom: 2px solid #f49d03;

}

$('#sidemenu').corner("bottom");

[FurLined]

That's actually expected behaviour - IE6,7,8 don't support rounded corners on borders so jquery corner just removes the borders so at least the rounding on the background works. See answer given here: https://github.com/malsup/corner/issues/18

You can specify "keep" to retain the borders, but under those versions of IE you'll end up with square corners on the border with rounded corners on the background.