title: Creating rounded corners in IE7 / IE8
body: <p>I am creating a rounded corners tabs, that works fine in IE9, Mozilla and Chrome, but not in IE7/IE8.</p>
  
  <p>Here is the code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="navbar"&gt;
  &lt;div id="holder"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#navbar {}
  #holder {
  border-bottom:1px solid #000;
  overflow:hidden;
  }
  
  #navbar #holder ul {
  margin:0;
  padding:0;
  list-style:none;
  margin-top:15px;
  }
  
  #navbar #holder ul li { }
  #navbar #holder ul li a {
  text-decoration:none;
  float:left;
  margin-right:5px;
  border:1px solid #000;
  padding:15px;
  text-align:center;
  width:90px;
  border-bottom:none;
  display:block;
  behavior:url(border-radius.htc);
  border-radius:5px 5px 0 0;
  }
  
  #navbar #holder ul li a:hover {
  background:#C09;
  color:#fff;
  }
  </code></pre>
  
  <p>Can you please let me know the code so that it works for IE7/IE8 as well?</p>