title: mouse hover is not working in IE7?
body: <p>I have below <strong>HTML</strong> code. </p>
  
  <pre><code>&lt;input type="button" class="myButton" value="Text"&gt;&lt;/input&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>input.myButton{
      background: url("../images/button.png") no-repeat top left;
      height: 21px;
      cursor: pointer;
      width: 78px;
      text-align: center;
      color: #696969;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 11px;
      border: medium none white;
  }
  input.myButton:hover{
     background: url("../images/button-active.png") no-repeat top left;
     color: #FFFAF0;
  }
  </code></pre>
  
  <p>But mouse hover is not working in IE7. I would like to change the image <code>:hover</code>. </p>
  
  <p>How can i do this? it works fine in FireFox browser.</p>
  
  <p>Thanks!</p>