Problemas con :target en IE8

[diana79]

Otra vez maldigo al IE8!

Estoy tratando de que me carguen los links de este html y soy incapaz, alguien puede echarme una mano?

EL HTML

Código HTML:

<div id="bolas">
    
        <div class="bolaUno"><a href="#analisis"><img src="images/trans.gif" width="250" height="250" alt="Analisis Previo"></a></div>
 </div>
 
 
 
<!-- ventanitas -->
<div id="analisis" class="panel">
    <div class="content">
        <h2>1 SHAKE</h2>
        <p class="centrado">Le damos una vuelta a tu idea, te escuchamos, conocemos el estado en el que se encuentra y te ayudamos a orientarla. ¿Estás preparado para que uno de nuestros Coach te provoque?
 
        </br></br>Actividad 1: Focus brainstorming</p>
 
        <p class="centradoduracion"></br></br>Precio: <span class="textoResaltado">GRATIS</span></p>
        
      
        <div class="btnInfo"> <a href="images/wp.pdf" target="_blank"><img src="images/trans.gif" width="40" height="40" alt="mas info"></a></div>
        
        <ul id="menuInteriorMini">
            <li class="volver"><a href="#"><img src="images/trans.gif" width="40" height="40" alt="mail"></a></li>
            <li class="dos"><a href="#financiacion"><img src="images/trans.gif" width="40" height="40" alt="twitter"></a></li>
            <li class="tres"><a href="#desarrollo"><img src="images/trans.gif" width="40" height="40" alt="facebook"></a></li>
            <li class="cuatro"><a href="#mercado"><img src="images/trans.gif" width="40" height="40" alt="linkedin"></a></li>
            
        </ul>
        
         </div>
</div>
 

EL CSS

Código CSS:

body { margin:0; padding:0; background-color:#fff;}
#home:target ~ #header #navigation #link-home,
#analisis:target ~ #header #navigation #link-analisis,
#financiacion:target ~ #header #navigation #link-financiacion,
#desarrollo:target ~ #header #navigation #link-desarrollo,
#mercado:target ~ #header #navigation #link-mercado,
#nosotros:target ~ #header #navigation #link-nosotros,
{
    background: #032537;
    color: #fff;
    
}
.panel{
  margin-top: -150%;
    position: absolute;left:150px;top:180px;
    background: #000 ;box-shadow: 0px 4px 7px rgba(0,0,0,0.6);z-index:2;
    opacity: 1; 
    /*-webkit-transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    -ms-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;*/
    
   
}
.panel:target{
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";;
    opacity: 1; margin-top: 0%;
    background-color: #032537 ;width: 500px;height: 500px;
}
 

[pzin]

¿A qué te refieres con cargar? ¿No será un problema de JavaScript y no CSS?