Invalid Argument in IE7

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Use this code on IE7:

//js in HTML file 
                      function initCorners() { 
                        var settings = { 
                                tl: { radius: 20 }, 
                                tr: { radius: 20 }, 
                                bl: { radius: 20 }, 
                                br: { radius: 20 }, 
                                antiAlias: true 
                        } 
                        curvyCorners(settings, ".myButton"); 
                        } 
//HTML 
                                    <table border="1" 
id="mainTable"> 
                                        <tr> 
                                                <td 
onclick="window.location='#'"> 
                                                <div id="myButton0" 
class="myButton">Bill Of Lading</div> 
                                        </td> 
                                        <td onclick="window.location='#'"> 
                                                <div id="myButton1" 
class="myButton">Void Bill Of Lading</ 
div> 
                                        </td> 
                                    </tr> 
                                  </table> 
//CSS file 
.myButton { 
        font: HelveticaNeue LT 55 Roman; 
        font-weight: bold; 
    margin: 0.5in; 
    color: #FFFFFF; 
    width: 60%; 
    padding: 5px; 
    text-align: center; 
    background-color: #6e9af5; 
    border: 1px solid #2e45b7; 
    -moz-border-radius: 20px; 
        -webkit-border-radius: 20px; 
        white-space: nowrap; 
} 

.myButton:hover { 
        text-decoration: underline; 
} 

myButton p { 
  padding:0; 
  margin:1px 0; 
} 

What is the expected output? What do you see instead?
Rounded buttons

What version of the product are you using? On what operating system?
2.0.3

Please provide any additional information below.
Getting javascript error, Invalid Argument, no rounded corners in IE7.

Original issue reported on code.google.com by NickEHug...@gmail.com on 30 Jun 2009 at 6:50

[GoogleCodeExporter]

This problem is provoked by rounded boxes whose top and bottom corner radii are 
bigger than the height of the box.

I believe that r117 (2.0.4pre8) works round this problem; please re-open this 
issue 
if not.

It might be better if, instead of squashing the error as per the r117 
workaround, 
curvyCorners issued a warning to the effect that the corner radii were too big 
to 
give curvyCorners space to render the corners effectively.

Original comment by c.1%smit...@gtempaccount.com on 10 Jul 2009 at 3:35

• Changed state: Fixed

[GoogleCodeExporter]

#myBox :hover{
    background: #2f8a03;
    color: #c5f89c;
    text-align: left;
}

problem?

Original comment by fahrettinaksoy80 on 9 Oct 2009 at 2:39