title: CSS - Rounded corners in IE - IE9
body: <p>I have read a great deal of questions, answers, advise with regards to this issue.</p>
  
  <p>I have used coding both in my HTML and CSS to try to eliminate any problems but IE8 AND IE9 still do not display the page correctly (with the rounded corners).  It also doesnt display shadow text (but that is yet another issue.  </p>
  
  <p>My Header Code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=9" /&gt;
      &lt;!--&lt; meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;--&gt;
      &lt;link href="css/ts_style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script type="text/javascript" src="javascript/date.js"&gt;
      &lt;script language="JavaScript" type="text/javascript"&gt;
  </code></pre>
  
  <p>Note, the second Meta Tag is quoted out as on piece of advice was to use the newer one (the first one)  also I have had to add spaces and line breaks to display ALL information and on seperate lines.</p>
  
  <p>My CSS Code:</p>
  
  <pre><code>border-radius-topleft:0px; /* top left corner */
  border-radius-topright:10px; /* top right corner */
  border-radius-bottomleft:0px; /* bottom left corner */
  border-radius-bottomright:10px; /* bottom right corner */
  border-radius:0px 10px 10px 0px; /* shorthand topleft topright bottomright bottomleft */
  
  /* firefox's individual border radius properties */
  -moz-border-radius-topleft:0px; /* top left corner */
  -moz-border-radius-topright:10px; /* top right corner */
  -moz-border-radius-bottomleft:0px; /* bottom left corner */
  -moz-border-radius-bottomright:10px; /* bottom right corner */
  -moz-border-radius:0px 10px 10px 0px; /* shorthand topleft topright bottomright bottomleft */
  
  behavior:url(border-radius.htc);
  
  /* webkit's individual border radius properties */
  -webkit-border-top-left-radius:0px; /* top left corner */
  -webkit-border-top-right-radius:10px; /* top right corner */
  -webkit-border-bottom-left-radius:0px; /* bottom left corner */
  -webkit-border-bottom-right-radius:10px; /* bottom right corner */
  </code></pre>
  
  <p>All of this works well in Firefox 5, Opera 11.5, Chrome 12.0.742.112, Safari 5.0.5 (7533.21.1) I personally do not feel it is up to developers to try and "fix the problem" I feel it is up to Microsoft to make their browser more compatibly/compliant.  but for the interum, can someone help me out?  Is my code incorrect? (Spaces and linebreaks added)</p>