title: CSS 3 PIE :hover not working
body: <p>IE is not displaying rounded corners. It works if I take out <code>:hover</code>.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
          &lt;title&gt;Untitled Document&lt;/title&gt;
          &lt;style type="text/css"&gt;
              .tooltip {
                  position:absolute;
                  text-decoration: none;
                  display:inline-block;
              }
              .tooltip span {
                  margin-left:-999em;             
              }
              .tooltip:hover span {
                  background-color: black;
                  border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
                  color: #fff;
                  display: inline-block;
                  position: relative;
                  left: 30px;
                  padding: 10px;
                  top:0px;
                  z-index:1;
                  behavior:url(PIE.htc);
                  margin-left:0;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;label&gt;This is a label
              &lt;a href="#" class="tooltip"&gt;
                  &lt;img src="img/help.jpg" style="border:1px solid black;width:15px;height:15px;position:absolute;left:5px;top:5px;"/&gt;
                  &lt;span&gt;This is a test&lt;/span&gt;
              &lt;/a&gt;
          &lt;/label&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>