Hola, es muy facil, está solución es para firefox y para ie7
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<style type="text/css">
div.capa { width:200px; height:200px; background: blue; }
div.capa:hover { background:red }
</style>
</head>
<body>
<div class="capa"></div>
</body>
</html>
Como veras, le aplicas un estilo a la clase capa para una capa, y luego a esa misma clase le aplicas la pseudo-clase hover que se utiliza para acciones cuando el raton este sobre dicho elemento.
Espero que te sirva, un saludo.