opacity/alpha in IE - zum Durchdrehen!

[juewi]

Gleich vorweg:

Hier in diesem Beispiel funktioniert der filter.alpha für den IE hervorragend.

Derselbe Code hier in meinem Beispiel MIT IDENTEM CODE funktioniert NICHT!

Ich dreh noch durch ...

CSS:

  
<!--[if IE 7]>  
<style type="text/css">  
img#opacity-100 {  
filter:alpha(opacity=100);  
}  
img#opacity-100:hover {  
filter:alpha(opacity=50);  
}  
img#opacity-50 {  
filter:alpha(opacity=50);  
}  
img#opacity-50:hover {  
filter:alpha(opacity=100);  
}  
</style>  
<![endif]-->  

Body:

  
  <li>Opacity: 1 / 100%  
    <ul>  
  
      <li><img src="logo.png" id="opacity-100" alt=""></li>  
  
    </ul>  
  
  </li>  
  
  <li>Opacity: 0.5 / 50%  
    <ul>  
  
      <li><img src="logo.png" id="opacity-50" alt=""></li>  
  
    </ul>  
  
  </li>  
  
</ul>  

Bitte erspart mir die Nervenklinik und klärt mich auf.

Danke, Jürgen