Deja ver lo que quieres es crear un menu, como se ven mucho, donde el tab de la pagina actual es de un color distinto a los demas y pues al pasar el cursor se ve el imagen de hover?
Si es asi estos menu se hace asignando clases a cada tab del menu donde en cada pagina cambias el clase de la pagina activada.
Home.html
<a class="activado">Home</a>
<a class="desactivado">Pagina 4</a>
<a class="desactivado">Pagina 3</a>
pagina2.html
<a class="desactivado">Home</a>
<a class="activado">Pagina 2</a>
<a class="desactivado">Pagina 3</a>
Algo parecido a esto. Eso combinado con los css que ya tienes debería hacer el efecto.