title: curved bordered CSS for IE8
body: <p>I need curved bordered CSS for IE8 and all major browsers. currently I am trying with <a href="http://css3pie.com/documentation/" rel="nofollow">CSS PIE</a> </p>
  
  <p>jsfiddle demo is <a href="http://jsfiddle.net/bDvRd/3/" rel="nofollow">here</a>. But I would suggest the answerers to download the PIE.htc file form <a href="http://css3pie.com/download-latest" rel="nofollow">here</a> and try the HTML as a standalone page to get the real effect in IE8.</p>
  
  <p>My problem is the <code>&lt;td&gt;</code> containing the "Thank you for registering" text is not curving in IE8 in jsfiddle. If I run it as a HTML page, it is curving in IE8 but the blue background is overlapping the "Thank you for registering" <code>&lt;td&gt;</code> (but its background is "#f2f2f2").</p>
  
  <pre><code>    &lt;table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin:0px; padding:0px;"&gt;
          &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td style="width: 60%; text-align: center;background: #0067C8;"&gt;
                  &lt;table cellpadding="0" cellspacing="0" border="0" width="100%"&gt;
                      &lt;tr&gt;
                          &lt;td colspan="3" style="height: 50px; background-color: #262626; width:100%; text-align: left;"&gt;
                              &lt;img src="twitter_logo.png" width="200" height="50" alt"Twitter" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td colspan="3" style="height: 25px;"&gt;&amp;nbsp;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width:3%;"&gt;&amp;nbsp;&lt;/td&gt;
                          &lt;td style="width: 94%; background-color: #f2f2f2; height: 400px; font-family: arial; font-size: 30px; color: #2DB8ED; text-align: center; border: 2px solid #bcbcbc;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; behavior: url(PIE.htc);"&gt;
                              Thank you for registering
                          &lt;/td&gt;
                          &lt;td style="width:3%;"&gt;&amp;nbsp;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td colspan="3" style="height: 25px;"&gt;&amp;nbsp;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>