enlace activo en menu

[frasko01]

Hola. Tengo un problema con el enlace activo en el menu, no logro hacer que aparezca como "seleccionado".
Los enlaces tienen una imagen de fondo y al pasar por encima con el ratón esa imagen cambia. Necesito que el enlace seleccionado tenga la imagen del mouseover pero no lo consigo de ninguna de las maneras. El codigo que tengo ahora mismo es este:

noticias.php

Código HTML:

<div id="dhtmlgoodies_menu" align="center">
	<ul>
		<li class="activo"><a href="#">Noticias</a></li> 
		<li><a href="historia.php">Historia</a>  
       </ul>
</div> 

y en la hoja de estilos tengo

[CSS]

#dhtmlgoodies_menu{
visibility:hidden;
font-family:"Trebuchet MS";
font-size:10px;
}

#dhtmlgoodies_menu ul{
margin:0px;
padding:0px;
}

#dhtmlgoodies_menu li{
list-style-type:none;
background-image:url(../imagenes/li.jpg);
width:135px;
height:17px;
margin-right:1px;
margin-left:2px;
margin-top:0;
margin-bottom:0;
}

#dhtmlgoodies_menu .currentDepth1over{
background-image:url(../imagenes/hover.jpg);
border:0px;
width:135px;
height:17px;
}

#dhtmlgoodies_menu .currentDepth1over a{
color:#000;
}

/* Hasta aquí todo bien */
/* El problema es que no me coge el "activo" */

#dhtmlgoodies_menu li .activo{
list-style-type:none; /* Sin iconos */
background-image:url(../imagenes/hover.jpg);
width:135px;
height:17px;
margin-right:1px;
margin-left:2px;
margin-top:0;
margin-bottom:0;
}
[/CSS]

¿Qué estoy haciendo mal?
Una ayudita por favor. Gracias
Saludos compadres.