Help with the Corner plugin please (malsup)

Help with the Corner plugin please (malsup)

Hey this is my first post here so I want to first thank to all jQuery developers, it's so amazing!

Now I will realy love to get some help please with the Corner plugin (v2.09, j1.4.2.min)
I'm trying to use the 'bevel' pattern or any other pattern except the default 'round'
and it works great in IE, but only in IE o_O
and I just cen't get it what's wrong with my code.
so here is my example page code and I will love to get some help please, thanks!

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Test</title>
  6. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  7. <script type="text/javascript" src="jquery.corner.js"></script>
  8. <style type="text/css">
  9. div.test {
  10. width:400px;
  11. height:400px;
  12. background-color:#039;
  13. margin:auto;
  14. }
  15. </style>
  16. <script type="text/javascript">
  17. $(document).ready(function(){
  18. $("div.test").corner("bevel");
  19. });
  20. </script>
  21. </head>
  22. <body>
  23. <div class="test">&nbsp;</div>
  24. </body>
  25. </html>