title: Round Corners in IE using ui-corner-all
body: <p>I was trying to get rounded corners in IE7 using jQuery's "ui-corner-all" class. This is how my page looks like.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script language="javascript" type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  
  &lt;script language="javascript" type="text/javascript"&gt;
      $(document).ready(function() {
           $('#btnSearch').addClass("ui-corner-all");
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;!--some code here--&gt;
  &lt;asp:Button ID="btnSearch" Text="Search" runat="server" OnClick="btnSearch_Click" /&gt;
  &lt;!--some code here--&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But, I'm not able to get that effect of rounded corners. Am I doing something wrong here? I also tried including jQuery's smoothness.css file, but still nothing worked!</p>