Imágenes para el menú desplegable

Hola, tengo en mi página web un menú desplegable pero haga lo que haga me queda muy cutre por eso me gustaría poner una imagen para el menu desplegable, ¿cómo lo hago?
Es relativamente sencillo, solo has de definir una imágen en la hoja de estlos, para este caso,

#menu li{background-image: la imágen que sea} No te olvides de la ruta. xDD.

ponemos li, poque en el fondo has escrito una lista en el menú lateral, no es cierto?? Con esto te aparecerá una imágen para cada enlace, por ejemplo si quieres rodearlo con algo. o poner un perro en cada enlace(en cada
  • .

    Si quieres poner una imágen mas gloval debes definirla en

    #menu {dñjadfj}


    Y si por ejemplo, quieres que aparezca una imágen en cada enlace, y al pasar el raton por encima aparezca otra, para dar efecto de que se unde el boton por ejemplo, lo defines así:

    #menu a{la imágen que aparecerá sin tener el ratón encima}
    #menu a:hover{la imágen que aparecerá cuando esté el raton encima}

    Te doy varias posibilidades porque no se exactamente lo que pides, para la proxima pide lo que quieras pero concreta, asi nos ahorramos trabajo, porque puede que ninguna de estas sea la que pides....

    Saludos.