Problemas con los enlaces.

[eltransito]

He hecho una cabecera con un pequeño div a la izquierda, que hace de enlace con imagen que cambia. Me he dado cuenta de que al pulsarlo desaparece y además ¡para siempre! Recargo y nada, vuelvo a subir la plantilla y nada… Pensé que era cuestión del orden en que definí los enlaces. El orden original que puse es:

link
visited
hover
active

Por si estaba equivocado cambié a

link
visited
active
hover

que es como está ahora.

La dirección es http://paspespuyas.com/comunidad/index.php/b y el código que está ahora mismo es:

Código:

#header { 
	height: 130px;
 	background: #fff url(images/fondoheader.png);
	padding: 30px 10px 5px 25px;
	border-bottom : 1px solid #aaa;
}
	#paspesbanner{
float: left;
border: 0px;

margin-bottom: 10px;
margin-left: 1px;

}
div#paspesbanner ul{
list-style-type: none;
}
div#paspesbanner ul li{
margin:0px;
}

 #paspesbanner ul li a:link{
 text-decoration: none;
 display: block;
 background-image: url(images/paspesbanner.jpg);
background-repeat: no-repeat;
 border: 0;
width:200px;
height:25px;
 
 }
  #paspesbanner ul li a:visited{
   text-decoration: none;
 background-image: url(/images/paspesbanner2.jpg);
background-repeat: no-repeat;
 border: 0px;
width:200px;
height:25px;
  }
  #paspesbanner ul li a:active{
   text-decoration: none;
 background-image: url(images/paspesbanner2.jpg);
background-repeat: no-repeat;
 border: 0px;
width:200px;
height:25px;
 }
 #paspesbanner ul li a:hover{
 text-decoration: none;
 background-image: url(images/paspesbanner2.jpg);
background-repeat: no-repeat;
 border: 0px;
width:200px;
height:25px;
}

Luego en el html

anticipado.

Código:

<div id="header">
<img src="http://www.delanova.net/b2/skins/custom/img/maste.jpg" align="right" margin-bottom:1px/>
<div id="paspesbanner">
<ul>
<li>
<a href="http://paspespuyas.com/"></a>
</i>
</ul>
</div>
</div>

A ver si ven algo en ese código y gracias por