jquery corners

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>jQuery Corners</title>
   <script type="text/javascript" src="/South/root/javascript/jquery/jquery.js"></script>
   <script type="text/javascript" src="/South/root/javascript/jquery/jquery.corner.js"></script>   <script type="text/javascript">   $( function(){
$('.roundedd').corner("round 8px").parent().css('padding', '2px').corner("round 10px");   })   </script>   <style type="text/css">
   .roundedd
   {
      background-color:#cccccc;
      border: 4px solid red;
      height:100px;
      width:200px;
      line-height:100px;
   }
   </style></head><body>
<div style="" class="roundedd">
class="rounded {10px}"
</div>
</body>
</html>ie 不显示边框
firefox 显示
求兼容