Poner un degradado como fondo del menú  

Hola,

Normalmente para colocar un degradado como color de fondo se suele utilizar una imagen de fondo que precisamente sea ese degradado combinada con un color de fondo que coincida con el color inferior del degradado. Sería algo parecido a esto:

body {
background-image:url("gradient2.png");
background-repeat:repeat-x;
backgound-color: #CCC;
}

Otra opción para crear un degradado sería utilizar solo estilos CSS sin ninguna imagen en concreto, aunque esto no será compatible con los navegadores más antiguos. De todas forma sería una buena opción porque funcionará en la mayoría de los navegadores. Revisa los siguientes enlaces donde se habla sobre este tema:

http://www.tutosytips.com/hablemos-de-los-degradados-en-css-los-gradient/

http://www.maestrosdelweb.com/editorial/degradados-colores-css/

Conseguido!!! Muchas gracias!!!!
Al fiinal lo he hecho con código, sin imagen.
Lo he dejado así:
.navbar-inner
{
background:#d6d6d6;
background-image: linear-gradient(to bottom, #d6d6d6, #ffffff);
background-repeat: repeat-x;

Y el resultado en el archivo adjunto....