CSS - Problemas al cargar imagen

Hola, estoy haciendo un menu desplegable con CSS y JavaScript.
el problema es ke no carga las imagenes de background del menu almenos en firefox y opera...
como puedo solucionar este inconveniente??
aki muestro el codigo:

<style type="text/css">

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 1; margin: 0; } /*padding es el espacio entre el submenu y el menu, incluso el espacio de los items y alineamiento de texto*/

/* Head links */
#cssdropdown li.headlink { height: 25px;width: 150px; float: left; margin-left: -1px; border: 1px black solid; background-color: #ff0000; text-align: center; }
#cssdropdown li.headlink a { display: block; padding: 5px; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 12px; height: 5px; } /*espacio entre links del submenu*/
#cssdropdown li.headlink ul li a:hover { background-color: red; }

/* Pretty styling */
body { font-family: verdana, arial, sans-serif; font-size: 0.9em; background-color: #000000; }
#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: #ff0000; background-image: (imagesg.gif); } /*propiedades de la barra de menu*/
#cssdropdown li.headlink ul { background-image: url(imagesg.gif); background-position: bottom; padding-bottom: 15px; }
</style>


explikenme como puedo hacer para que cargue la imagen de nombre bg.gif que está almacenada en la carpeta images; por que ya he tratado de hacer de todo y no carga la imagen de fondo de mi menú :(
gracias de antemano por la atencion prestada.