Menu con botón activo

[RGSNeo]

Qué pasa fenómenos!

Hace un par o tres de dias que le estoy dando a este código con el fin de dejar el botón de la pagina en la que estoy activo, pero no hay manera. Os dejo el código:

Código:

ul.menux {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menux {
	
	width: 160px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
	
#menux li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menux li a:link, #menux li a:visited {
	color: #8BADCF;
	display: block;
	background:  url(menu.gif);
	padding: 8px 0 0 10px;
	}
	
#menux li a:hover {
	color: #627EB7;
	background:  url(menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

a.activo { 
	color: #627EB7;
	background:  url(menu.gif); 0 -32px;
	padding: 8px 0 0 10px;
	}

Código HTML:

<div id="menux">
		<ul class="menux">
			<li><a href="../Pràctica1/index.html" title="Currículum Vitae">Currículum Vitae</a></li>
			<li><a href="../Pràctica1/practica1e.html" title="Enllaços d'interès">Enllaços d'interès</a></li>
			<li><a href="../Pràctica1/practica1i.html" title="Intro a la programació">Intro a la programació</a></li>
			<li><a href="../Pràctica1/practica1h.html" title="HTML i CSS">HTML i CSS</a></li>
			<li><a href="practica2t.html" title="Taula">Taula</a></li>
            <li><a href="practica2f.html" title="Formulari">Formulari</a></li>
            <li><a href="practica2i.html" title="Intro a GIMP"  class="activo">Intro a GIMP</a></li>	
		</ul>
	</div> 

Diria que el problema viene porque la linea

Código:

#menux li a:link, #menux li a:visited {

machaca a la

Código:

a.activo

pero no soy capaz de hacerlo funcionar...

NOS VEMOOOOOOOOOS !!!

[RGSNeo]

HEY! ya lo he conseguido! adjunto código CSS

Código CSS:

ul.menux {
    list-style: none;
    margin: 0;
    padding: 0;
    }
 
#menux {
    
    width: 160px;
    margin: 10px;
    border-style: solid solid none solid;
    border-color: #BCD2E6;
    border-size: 1px;
    border-width: 1px;
    }
    
#menux li a {
    height: 32px;
    height: 24px;
    text-decoration: none;
    }   
    
#menux li a:link, #menux li a:visited {
    color: #8BADCF;
    display: block;
    background:  url(menu.gif);
    padding: 8px 0 0 10px;
    }
    
#menux li a:hover {
    color: #627EB7;
    background:  url(menu.gif) 0 -32px;
    padding: 8px 0 0 10px;
    }
 
#menux ul a.activo { 
    color: #8BADCF;
    display: block;
    background:  url(menu.gif) 0 -32px;
    padding: 8px 0 0 10px;
    }