pasar - hover css imagen

Rollover de CSS: ¿problemas al pasar el mouse?

Question

Estoy teniendo problemas con un vuelco ... ¡esperando que me ayudes!

Estoy usando li navigation, y quiero tener cajas separadas que vinculen a diferentes páginas. Esta parte está bien y funciona como debería. Quiero poder pasar el cursor sobre la caja y hacer que la caja Y el enlace cambien de color. Puedo cambiar la caja sin problemas, y el enlace cambia cuando pasas el cursor sobre ella, pero ¿hay alguna forma de que ambos cambien cuando estás sobre la caja? Esto es lo que tengo hasta ahora:

#nav-menu ul{float: right; text-align: center;}

#nav-menu li{margin-right: 5px; list-style:none; padding-left: 1px; text-align: center; font-size: 14px;float:left; padding:0px 15px; width: 57px; position:relative;z-index:200; background: #000; color: #FFFFFF; font-family: georgia;}

#nav-menu li a{display: block; float: left; color:#fdf2e7;font-size:14px;text-decoration:none; text-align: center; padding:5px 0px 5px 0px; font-family: georgia;}

#nav-menu a:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

#nav-menu:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

-

Cualquier ayuda sería muy apreciada. ¡Gracias! :)

Answer 1

Use li:hover para apuntar a un elemento de la lista cuando pase el puntero del mouse sobre él, y use li:hover a para apuntar a un ancla cuyo elemento de la lista padre está sobrevolando.