opacidad con CSS en IE8

Hola,
A un div quiero bajarle la opacidad, pero al hacerlo en IE8 el div se me desplaza, mientras que en firefox y chrome sigue manteniéndose en el sitio que quiero. He estado buscando y en un foro ponían que con añadirle un ancho a la capa o alguna propiedad del estilo, ese error desaparecería, pero no es así. Este es el código que he usado:

Código :

#tira{   position:relative;
      left:26px;
      top:14px;
      filter:alpha(opacity=25); /*para IE*/
      width:709px;
      opacity: .25;
      height:43px;
      background-color:#666;
}

¿Qué puedo hacer para que no se me desplace?

Muchas gracias!

¿Podemos ver tu página en alguna parte?

No, todavía no tengo hosting. Pero por si ayuda un poco, este es el código:

Código :

<div id="kutxa_galeria">
            <div id="anterior_tira"><a href="http://gara.net" title="imágenes anteriores"><img src="img/anterior.png"   alt="botón anteriores"/></a></div>
            <div id="tira"></div>
            <div id="siguiente_tira"><a href="http://gara.net" title="siguientes imágenes"><img src="img/siguiente.png"   alt="botón siuientes"/></a></div>
            
</div>

El div "tira" está situado entre dos divs, que a su vez están dentro de "kutxa_galeria" estos son los css:

Código :

#kutxa_galeria   {   margin-top:24px;
               margin-left: auto;
               margin-right:auto;
               width:761px;
               height:60px;
               /*background-color:#c0c0c0;*/
   
}
#anterior_tira{   float:left;
            width:26px;
            height:60px;
            /*background-color:#008000;*/
            border:none;
   
}

#anterior_tira a:hover img {   opacity: .35;
                  filter:alpha(opacity=35);
                  border:none;
}

#tira{   position:relative;
      left:26px;
      top:14px;
      filter:alpha(opacity=25); /*para IE*/
      width:709px;
      opacity: .25;
      height:43px;
      background-color:#666;
}

#siguiente_tira{float:right;
            position:relative;
            top:-43px;
            width:26px;
            height:60px;
            /*background-color:#00ff00;*/
   
}


#siguiente_tira a:hover img {   opacity: .35;
                  filter:alpha(opacity=35);
}

a img{ border:none;
}

Dudo que la opacidad tenga algo que ver.

En vez de posicionar #tira con position:relative, solo ponle un ancho exacto y flotalo hacia la izquierda (quitale el position, left, top), luego quitale el top:-43px a #siguiente_tira y pruebalo.

Seria bueno que uses algun hosting, asi sea en JSFiddle para poder probarlo.

Gracias Neo_jp!