Problema con Fondo que no aparece...

Bueno, el problema que tengo ahora, es que en el título de las opciones del menú de mi página (http://www.gruposcout508.com.ar/indexprovisoria.html), si bien aparece el fondo degradado


No aparece en otros navegadores, como en el caso del IE7


Acá les dejo el css general

Código :

body {
   background-repeat: repeat-x;
   background-color: #333333;
   text-decoration: none;
   font-family: 'Trebuchet MS';
}

#blanco {
   background-color: #FFFFFF;
}

#encuesta {
   font-size: 12px;
   color: #FFFFF9;
}

#boton {
   background-color: #FFFFFF;
   border: 1px solid #333333;
   font-size: 10px;
   color: #000000;
}

a {
     outline: none;
}

a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}

.box_title{
   background-repeat: repeat-x;
   height: 20px;
   font-size: 14px;
   font-weight: lighter;
   text-indent: 2px;
   font-style: normal;
   line-height: normal;
   text-decoration: none;
   text-align: center;
}

.box_der{
   background-repeat: no-repeat;
   background-position: top right;
   padding-right: 5px;
   width: 50%;
}
.box_izq{
   font-weight: bold;
   text-align: left;
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 5px;
   width: 50%;
}
.box_content {
   border: thin solid;
   border-width: 0px 1px 1px 1px;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: justify;
   white-space: normal;
   padding-left: 5px;
   padding-right: 5px;
   }
#header{
   background-repeat: no-repeat;
   height: 80px;
   width: 780px;
   cursor: pointer;
}
#headerdown{
   background-image:url('../navegacion/lineaup.png');
   background-repeat:repeat-x;
   height: 20px;
   vertical-align: top;
   width: 100%;
}
#footer{
   background-repeat: no-repeat;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
}

#menuv {
        width: 150px;
        font: 80% 'Trebuchet MS';
      border: thin solid;
      border-width: 0px 1px 1px 1px;
}
#menuv ul, li {
        list-style-type: none;
}

#menuv ul {
        margin: 0;
        padding: 0;
}

#menuv {
border: 1px solid;
border-width: 0px 1px 1px 1px;
width: 150px;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
list-style-type: none;
}

#menuv ul {
margin: 0;
padding: 0;
}

#menuv a {
text-decoration: none;
color: #000000;
display: block;
padding: 1px 6px;
width: 138px;
}

#menuv a:hover {
background-position: bottom;
}

.separa_horiz {
      height: 10px;
}
.separa_vert {
      width: 10px;
}

.seleccion_esquema {
      background-position: center;
      background-repeat: no-repeat;
      height: 60px;
      width: 60px;
}

Así como también el css específico de ese estilo (el verde), ya que son intercambiables por el usuarios

Código :

body {
   background-image:url('../navegacion/fondo.png');
}
#encuesta {
   background-image: url('../navegacion/scout/degradado.png');
}

a:link {
   color: #1f9301;
}
a:visited {
   color: #7CB68B;
}

.box_title{
   background-image: url('../navegacion/scout/titulo.png');
   background-color: #1f9300;
   color: #FFFFFF;
}
.box_der{
   background-image: url('../navegacion/scout/cor-der.png');
}
.box_izq{
   background-image: url('../navegacion/scout/cor-izq.png');
}
.box_content {
   border-color: #1f9300;
   color: #1f9301;
   }
#header{
   background-image:url('../navegacion/scout/header.png');
}
#footer{
   background-image:url('../navegacion/scout/footer.png');
   color: #FFFFFF;
}

#menuv {
      border-color: #1f9300;
}
#menuv a {
      background-image: url('../navegacion/scout/menu.png');
}

#menuv a:hover {
      color: #FFFFFF;
}

#esquema_lobato {
      background-image: url('../navegacion/botonera_peque/lobato.png');
      background-position: bottom;
      cursor: pointer;
}
#esquema_scout {
      background-image: url('../navegacion/botonera_peque/scout.png');
      background-position: top center;
}
#esquema_caminante {
      background-image: url('../navegacion/botonera_peque/caminante.png');
      background-position: bottom;
      cursor: pointer;
}
#esquema_rover {
      background-image: url('../navegacion/botonera_peque/rover.png');
      background-position: bottom;
      cursor: pointer;      
}

ClickyMouse: Este es el problema con IE algunas cosas en css funcionan y otras no porque no intentas hacer un menu en fireworks puedes hacerlo bastante llamativo y sirve en la mayoria de los navegadores aqui te dejo el link de un ejemplo en cristalab.

http://www.cristalab.com/tips/37515/crear-un-menu-desplegable-con-fireworks-y-dreamweaver