La segunda creo que se tendría que hacer con JavaScript
La primera:
Código CSS:
Ver original#mail{
width:300px;
height:30px;
color: #8A7876;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
margin-top:10px;
background: url('imagen1.jpg');
}
#mail hover{
background: url('imagen2.jpg');
}
Con el "hover" puedes hacer eso que quieres.
Esta es una respuesta muy sencilla y pequeña, puedes esperar a que los demas colegas con mas conocimientos te dén una mano con el tema.
Saludos