De acuerdo, pero le voy a hacer algún cambio a tu code para que puedas ver el resultado de lo que estoy intentando explicar.
1 - Copia y pega tu código en un documento nuevo.
2 - Añade el siguiente CSS para los links "normales" (solo le cambio el tipo, tamaño y color de letra, como puedes ver, para conseguir un tipo más estético)
Código:
a:link {
text-decoration: none;
font-family: MS Sans Serif, Sans-Serif, Tahoma, Helvetica;
font-size: 10px;
color: #666666;
}
a:visited {
text-decoration: none;
font-family: MS Sans Serif, Sans-Serif, Tahoma, Helvetica;
font-size: 10px;
color: #666666;
}
a:hover {
text-decoration: underline;
}
3 - Y por último, mi ejemplito concreto trataba con una imagen más pequeña que el propio link, así que al tag IMG que muestra la imagen añádele este height a su style:
Código:
... style="vertical-align: middle; height: 8px;" />
De esta forma tienes mi ejemplo tal cual está.
Ahora, para reproducir las diferencias entre un caso y otro, tanto en el estilo del enlace LINK, como en el VISITED, añádele "display: block;", y vuelve a refrescar, verás que se come un margen que estaba y que ahora no está. Yo quiero comerme ese margen, pero sin darle un "display: block" al vínculo.
A ver si ahora si...
Saludos.