centrar texto e imagen dentro de una lista

[enrique4480]

Código HTML:

<ul>
  <li><div class="nada"><div class="esto_centra_vertical"></div><a href="http://www.cartagena.es">www.cartagena.es</a></div></li>
  <li><a href="http://www.cartagena.es">Enlace sin fonfo en div</a></li>
</ul>
 

Código CSS:

.nada
{
 background: transparent url(flecha_ct_es.png) no-repeat center top;
 height: 50px;
 width: 130px;
 text-align: center;
 border: 1px solid red;
}
 
.esto_centra_vertical
{
 height: 25px;
 width: 100%
}
 

No creo que de problemas, en lynx se muestra perfectamente el enlace, igual que cualquier otro. la verdad no estoy puesto en accesibilidad pero si una imagen de fondo en un div da problemas, muchisimas paginas tienen ese problema.