title: CSS3PIE element corners with different radii using border-radius?
body: <p>I have an element where the top-left and bottom-right corners have a border-radius of 5 and I'm trying to make it compatible with CSS3PIE. The documentation states that </p>
  
  <p><em>Only the shorthand version is supported; the longhand border-top-left-radius etc. properties are not. The shorthand syntax does support different radii per corner, though. <a href="http://css3pie.com/documentation/supported-css3-features/" rel="nofollow">link</a></em></p>
  
  <p>But in the example they display exactly that ... </p>
  
  <p><em>border-radius: 5px 10px 15px 20px;</em></p>
  
  <p>How can I display an element that has corners with different radii in IE8?</p>
  
  <p>Thank you.</p>
  
  <pre><code>a.navLink {
         -moz-border-radius: 5px 0 5px 0;
      -webkit-border-radius: 5px 0 5px 0;
              border-radius: 5px 0 5px 0;
      display: block;
      behavior: url('http://mydomain.com/css/PIE.htc');
      position:relative;
      z-index: 0;
  </code></pre>