title: How to implement "Rounded Corner on hover effect" in IE?
body: <p>I want to create a link with the rounded corner effect. 
  However, the rounded corner effect will show while hover only. 
  By using CSS3, it's working fine on mozilla, chrome and Safari, but not in IE.</p>
  
  <p>Here my css</p>
  
  <pre><code>a {
  color: black; background-color:#ddd;
  text-align: center;font-weight: bold;
  width:110px; height:25px;
  padding: 10px; text-decoration:none;
  }
  
  .abc:hover {
  background-color: lightblue;
  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
  }
  </code></pre>
  
  <p>Here my html </p>
  
  <pre><code>&lt;a href="#" class="abc"&gt;Button&lt;/a&gt;
  </code></pre>