title: CSS3 PIE - Giving IE border-radius support not working?
body: <p>I am trying to make rounded corners in IE with the <a href="http://css3pie.com/" rel="noreferrer">CSS3 PIE</a> attached behavior.</p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>.fieldRow {
      clear:both;
      padding: 0;
      margin: 0;
      overflow: hidden;
      line-height:17px;
  }
  .alternate, .rowMousedOver {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      behavior: url(PIE.php);
      position: relative;
  }
  .rowMousedOver{
      background-color: #E2E66D !important;
  }
  .alternate {
      background-color: #FCFEE8;
  }
  </code></pre>
  
  <p>and here is some sample HTML:</p>
  
  <pre><code>&lt;div class="fieldRow alternate"&gt;
                  &lt;div class="label"&gt;&lt;label id="title_label" for="title"&gt; Title: &lt;/label&gt;&lt;/div&gt;
                  &lt;div class="fieldWrapper required text"&gt;
                      &lt;div class="cellValue"&gt;&lt;input type="text" onchange="validateField(this)" name="title" id="title" value="Tax Free Savings Accounts" disabled=""&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>and via javascript I add <code>rowMousedOver</code> to the <code>fieldRow</code> when it is hovered.</p>
  
  <p>Any idea as to why this is not working? I've also tried using <code>behavior: url(PIE.htc)</code>, but had no luck with that either.</p>
  
  <p>Thanks!</p>