Menú desplegable

Buenas a todos. Utilizo un script muy sencillo para hacer un menú despelgable el cual es el siguiente:

<li id="listasnave">[url="#"]LISTAS  &darr;[/url]		 

<div id="menudes" onmouseover="document.getElementById('menudes').style.visibility='visible';document.getElementById('listasnave').style.background-color='purple'" onmouseout="document.getElementById('menudes').style.visibility='hidden'" >	

El primero es un botón de una lista y cuando pasas el ratón encima sale lo segundo que está en el contenido pero "hidden". Bien el problema es que el botón tiene un hover y me gustaría que mientras pasase el rato por el menú desplegable se mantuviera el color del hover en el botón, por ello añadí "document.getElementById('listasnave').style.background-color='purple'" . Pero como es obvio, ya que mis conocimientos en scripts son nuelos, no me funcionó. ¿Alguna idea para solucionarlo? Gracias ;)


---------------------------------------------------------


EDITO: Me ha dado por aprender JavaScript y el fallo es que simplemente que el background-color me lo he sacado de la manga, era bgColor, por si a alguien le ayuda.