Problemas con opacity e IE

[_cronos2]

Hola gente de FDW! De nuevo problemas con CSS. El primero de los problemas es que tengo un menú, y quiero que la opción que esté seleccionada tenga una clase determinada. El código es este:

Código CSS:

/* ... */
#menu li { 
 position:relative;
 float:left; 
 margin-left:35px; 
 margin-top:2%;
 font:110% Verdana, Arial, Helvetica, sans-serif;
 opacity:0.6;
 filter:alpha(opacity=60);
}
/* ... */
.selected {
 opacity:0;
 filter:alpha(opacity=100);
}
/* ... */
 

Código HTML:

<div id='container'>
 <ul id='menu'>
  <li id='about-tab'>About</li>
  <li id='pf-tab'>Portfolio</li>
  <li id='home-tab' class='selected'>Home</li>
  <li id='contact-tab'>Contact</li>
  <li id='algo-tab'>Algo</li>
 </ul>
 <img src='Collapse.png' class="cerrar" />
</div>
 

Sin embargo #home-tab sigue teniendo opacity:0.6 ¿Por qué, y cómo lo puedo arreglar?
Segundo tema, como siempre IE dando problemas. Con este mismo menú, sólo se muestra la imagen que va dentro del menú:

Código CSS:

.cerrar, .abrir { 
 position:absolute; 
 width:40px; 
 height:40px; 
 left:51%; 
 top:100%; 
 z-index:2;
}
.cerrar:hover, .abrir:hover {
 cursor:pointer;
}
 

Sin embargo, al ponerle position:absolute y como el resto del div no sale, no tiene position:fixed, y sale en esa parte de la página. ¿Por qué no se ve el menú entero en IE?
Muchas gracias desde ya.
Saludos :D