title: Css IE6IE7/IE8 hover problem
body: <p>I added this bit of code for the input button used by.net  for hover, the hover effect works fine on Firefox but does not work in any o the IEs</p>
  
  <p>how can i make it work in IEs</p>
  
  <pre><code>#form-container input.prev_btn{
    display: block;
    background:none repeat scroll 0 0 transparent;
    text-decoration:none;
    border:medium none;
    color:#5B522F;
    font-size:18px;
    left:285px;position:relative;
    text-transform:uppercase;top:34px;width:400px;
  }
  #form-container input.prev_btn:hover {
    background:none repeat scroll 0 0 transparent;
    text-decoration:none;
    border:medium none;
    color:red;
    font-size:18px;
    left:285px;
    position:relative;
    text-transform:uppercase;
    top:34px;
    width:400px;
  }
  
  
  
  &lt;input type="submit" class="prev_btn" id="btnPreview" value="create e-card" name="btnPreview"&gt;
  </code></pre>