I must have missed a bit of information, because I cannot get the jquery.corner plugin to work with <input> html elements. The following renders a rounded div but not a rounded input element in FF3, IE7, IE8, and in fact causes the input box border to disappear completely.
<html> <head> <script language="javascript" type="text/javascript" src="../Scripts/ jquery-1.2.6.js"></script> <script language="javascript" type="text/javascript" src="../Scripts/ jquery.corner.js"></script> </head> <body> <script type="text/javascript" language=javascript> $(document).ready(function() { $('div.round').corner(); $('input.round').corner(); }); </script> <div class="round" style="background-color:#bbb;"> <p>lorem ipsum dolor sit amet.</p> </div> <br /> <input id="Text1" value="lorem ipsum dolor sit" type="text" class="round" /> </body> </html> In IE7/8, a javascript error message is logged: ======= Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/ 4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322) Timestamp: Wed, 26 Aug 2009 05:40:52 UTC Message: Unexpected call to method or property access. Line: 131 Char: 17 Code: 0 URI: file:../Scripts/jquery.corner.js ======== Any help appreciated!