Mira, yo en tu lugar lo haría así:
En primer lugar haces una imagen con los tres estados del botón:
Luego pones una clase a cada enlace:
<a href="#" class="historia"></a>
Y ahora muestras cada estado del botón poniendo la imagen como fondo y mostrando sólo la parte que te interesa usando las posiciones de fondo:
.historia {background: url(img/historia.jpg) no-repeat; center top}
.historia:visited { background-position: center bottom;}
.historia:hover { background-position: center;}
Es mucho más sencillo y económico porque puedes agrupar en un selector de posición todos los botones en la css de esta manera:
.historia:hover, home:hover, links:hover {...etcétera
Mira este
ejemplo.
La imagen es cutre porque la he hecho sin cuidado, pero bien hecho es una buena solución, para todos los navegadres y sin retardo de carga de imágenes. Mírate el código fuente y supongo que lo verás enseguida.
Mikel.