title: firefox hover opacity
body: <p>I can't get hover opacity to change in firefox or IE. it's working in chrome. Firefox and IE is able to work with opacity initial state as defined in .move, but just not on hover. Any ideas. </p>
  
  <pre><code>&lt;style&gt;
  .move{
    width:100px;
    height:100px;
    background-color:red;
    opacity:0.2;
    filter:alpha(opacity=20);
    }
  .move:hover{
    opacity:1;
    filter:alpha(opacity=100);
    }
  &lt;/style&gt;
  
  &lt;div class="move"&gt;&lt;/div&gt;
  </code></pre>