Problema con la curva superior del menu

Hola de nuevo...siento ser tan pesado pero soy novato y me he vuelto a atascar. :S
La cuestion es k la imagen k tengo k poner de fondo al <h1> del menu me sale cortada por la derecha, y no me cuadra encima del menu. Todo esto usando ya la imagen correcta. La cosa esta asi, gracias de antemano!

* {margin:0px ; padding:0px ; border: 0px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float: left}
#publicidad {width:518px ; float: right ; margin-top: 25px}
#navegacion {background-color: gray ; border: black 1px solid ; height: 20px }
#contenido {background-color: #FFA500 ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 150px ; float:left ; #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin-left: 5px ; background-image: url(Objetos/menu-parte-inferior.gif) ; background-position: bottom }
#menu li { list-style:none ; margin: 3px 10px 3px 3px }
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(Objetos/menu-superior.gif) ; padding-top: 12px }
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color:silver}
a:active {}
p {text-align: justify}
#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden}
#curva-inferior { background-image: url(Objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden}
#navegacion li {float:left ; list-style: none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 180px }

Al <h1> no hay que ponerle ninguna imagen de fondo.

:? :shock:

Pues mira, tú tienes esto:
#menu {background-color: yellow; width: 150px ; float:left ; #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin-left: 5px ; background-image: url(Objetos/menu-parte-inferior.gif) ; background-position: bottom }

Y lo correcto es así:
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin-left: 5px ; background-image: url(Objetos/menu-parte-inferior.gif) ; background-position: bottom }

Tienes repetida una parte que he quitado.
Saludos :wink:

ups...k trasto soy....muchas gracias!! sois geniales!! ;)
Un saludo...seguramente pronto volvere cn alguna duda mas :P

Para entonces aquí estaremos :wink:

Con gusto te atenderemos.

Saludosm y suerte