Aclaracion de la clase selected y css

Primero que todo Felicidades por el nuevo año. Segundo.. me gustaria que me ayudasen con lo siguiente, estoy buscando la manera de que cuando el usuario esta en una pagina en particular(el nombre de la pagina que esta siendo vista mantenga una imagen de fondo determinada en la barra de navegación) entonces me tope con la opción selected pero no se como utilizarla correctamente ya que soy novato en todo esto. La razón de que debe ser una imagen es que tengo echo un rollover con imágenes para la barra de nav este es el código que uso.


HTML
<div id="navegacion"<span id="bot1">
<ul>

INICIO

NOTICIAS

CURSOS

NOSOTROS

TRABAJADORES

SERVICIOS
</span></div>

CSS
#bot1{border: 0px 0px 0px 0px;padding: 0px; text-align: bottom ; font-size:10px }
#bot1 a{background-image:url(objetos/boton1.jpg);
height:22px;
width:102px;
background-position: center top;
display: block;
color: #FFFFF0;
text-decoration: none;
padding-top: 10px;
background-repeat: no-repeat;
font-weight: bold;
}
#bot1 a:hover{
background-image:url(objetos/boton2.jpg);
}
#bot1 a:focus{
background-image:url(objetos/boton3.jpg);
}

Con focus logre algo parecido pero cuando das un click en cualquier otro lado la imagen retorna a la original. En esta pagina esta implementado lo que quiero, pero con colores me temo. www.openttd.org Gracias desde ya.

Yo haría esto:

#bot1 ul li a.current span{aquí pones la imagen que quieras que se vea}

Y en el html:

Hola

Saludos

gracias por responder pero ya no me da tiempo a probar aquí así que lo haré en la casa para ser sincero no entendí del todo pero me llevo la nota para probar igual posteo el resultado el lunes gracias.