Trouble keeping borders with http://jquery.malsup.com/corner/ in IE
I am striking out trying to get the borders to stick around in IE6 or IE8 ( with <meta http-equiv="X-UA-Compatible" content="IE=8" />) Works great in FF, Chrome and Safari.
<style>
.clsButton
{font-family:verdana; font-weight:normal; font-size:11px; color:#444444;
border:1px solid #B9B9B9; line-height:18px; text-align:center;
padding:0px 10px 0px 10px;background-color:#eeeeee;}
</style>
<span class="clsButton">Edit Page</span>
<div class="clsButton">Edit Page</div>
<div><span class="clsButton">Edit Page</span></div>
<div><div class="clsButton">Edit Page</div></div>
$(".clsButton").each(function() { $(this).corner("keep").corner("round 5px"); }); $(".clsButton").each(function() { $(this).corner("round 8px").parent().css('padding', '4px').corner("round 10px"); });