Background a un <li>

[the_web_saint]

Hola compañeros,

tengo una duda, es que debo colocar debajo de un menu horizontal, una imagen en degradado(por eso no le coloco un color al borde inferior del div), es posible colocar una imagen de fondo a un <li>.??

mas o menos tengo la estructura de esta manera:

<div>
<ul>
<li>Opcion 1</li>
<li>Opcion 2</li>
</ul>
</div>

[the_web_saint]

Hola Nuevamente:

Para ser mas especifico....

<div id="div_panel_principal">
<ul id="panel_principal">
<li id="activado"><a href="blogs.php" title="Ir a noticias">Noticias</a></li>
<li><a href="productos/productos.php" title="Ir a productos">Productos</a></li>
</ul>
</div>

y el css que utilizo para este pedazo de codigo es:

ul li
{
list-style:none;
}
#menu2 #div_panel_principal
{
margin:5px;
}
#menu2 #div_panel_principal #panel_principal
{
margin:5px 0px;
padding:0px;

}
#menu2 #panel_principal li
{
float:left;
margin-left:20px;
margin-right:20px;
padding-bottom:20px;
}
ul #activado a:link, ul #activado a:visited, ul #activado a:active
{
margin:0px;
padding:0px;
vertical-align:top;
color:#000000;
font-size:14px;
text-decoration:none;
font-weight:700;
}

la imagen debe quedar debajo de las n opciones que haya en el menu horizontal, como si le colocara un color al borde inferior del ul o el div.

[DaChux]

ul#panel_principal{
backgroun:loquesea;
}
Prueba a ver, pero quizá necesites darle dimensiones al ul, aunque no estoy seguro.
Ya me comentas

[the_web_saint]

Hola DaChux:

Muchas gracias por tu respuesta, eso ya lo había probado pero no me servia ya que la imagen debia estar degradada tanto vertical como horizontal, asi que la solucion que tome fue colocar un div que contiene 3 div´s mas, la primera una imagen de 10px que es el degradado de la izquierda, a otra se repetira para obtener el ancho del texto y la ultima capa tiene otra imagen de 10 px que es el degradado final.
Me funciono bastante bn,
:)

Muchas Gracias por tu ayuda....