Cómo le colo un fondo a un LI?

Hola

Estuve haciendo el Curso Paso a Paso y ahora ya comencé con mi propia web. Inserté un logo y debajo una barra de navegación simliar a como se hace en el curso. El tema es que diseñe un boton (Con Corel Draw y Photo Paint me quedó bien con fondo transparente) pero no se como agregarlo como fondo al enlace del LI.


Este es el fragemto código HTML:
<div id="global">
<div id="logotipo">[contenido no disponible]</div>
<div id="navegacion"><ul>
  • Política y Sociedad
  • Deportes</div>
    </div>

    Este es todo el fragmento de la hoja de estilo:
    #global {width:800px ; height:auto;}
    #logotipo {margin-top:10px;margin-right:5px;margin-left:30px}
    #navegacion {background-color:#999999; width:740px; height:30px;margin-left:30px}
    #navegacion ul {list-style:none;float:left}
    #navegacion li {background-image:url(objetos/boton1.tif);background-repeat:no-repeat}

    Reitero, lo que intento hacer es un botón para el LI insertandole un fondo, si hay una manera más práctica me gustaría saberla. Desde ya muchas gracias por leerlo. Saludos.