como mover las flechas de paso de pagina

Algunos usamos unas imagenes en forma de flecha o lo que sea, al final de nuestras paginas, para indicar la pagina siguiente, ¿no?
Pues bien aqui os dejo como animarlas un poco con CSS.
Si tenemos las flechas en un div, por ejemplo <div id="flechas">, solo tendremos que darle un pequeño margen, para cuando hagamos 'hover',se muevan.
Facil ¿eh? Asi en CSS pondremos:

#flechas a img{
margin:0 10px;
text-decoration:none;
outline:none;
display:block;
border:none;
}

#flechas a:hover img {
margin:auto auto;
}

De esta manera se nos moverá las flechas hacia donde las tengamos alineadas. (left, o right)