title: Opacity issues in Chrome and IE
body: <p>I am seeing weird behavior in IE 7 and Chrome with changing the opacity on a transparent background png in my navigation. </p>
  
  <p>the CSS :</p>
  
  <pre><code> ul.tabs a {
      height: 48px;
      filter:alpha(opacity=80);
      -moz-opacity:0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
      }
  
   div.header ul.tabs a:hover {  
      filter:alpha(opacity=100);
      -moz-opacity:1;
      -khtml-opacity: 1;
      opacity: 1;
      }
  </code></pre>