Hola
el problema esta asi:
tienes un div llamado menu en el cual has metido menu1 y menu2
hasta aqui todo bien
pero....
en la hoja de estilos le dices esto:
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom }
Entonces todo lo que esté dentro del div menu tendrá el mismo fondo
lo que debes hacer es quitarle el fondo (te lo puse en rojo)
y dejar solo las medidas necesarias
y en #menu1 y #menu2, le pones el fondo que desees, para probar que funcione bien no le pongas la imagen que debe ir, solo ponle background-color: y le pones colores diferentes, cuando ya estés conforme, le pones la imagen de fondo
saludos
el problema esta asi:
tienes un div llamado menu en el cual has metido menu1 y menu2
hasta aqui todo bien
pero....
en la hoja de estilos le dices esto:
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom }
Entonces todo lo que esté dentro del div menu tendrá el mismo fondo
lo que debes hacer es quitarle el fondo (te lo puse en rojo)
y dejar solo las medidas necesarias
y en #menu1 y #menu2, le pones el fondo que desees, para probar que funcione bien no le pongas la imagen que debe ir, solo ponle background-color: y le pones colores diferentes, cuando ya estés conforme, le pones la imagen de fondo
saludos