Lo he hecho de esa manera pero tengo un problema que hasta que no recargo la página no se marca... no se como solucionarlo :( he incluido en cada cuerpo de la página lo siguiente...
Para el index (INICIO)
Código PHP:
<?php $_SESSION["cat"] = 1; ?>
y luego en el botón
Código PHP:
<li><a href="index.php" class="boton" <? if($_SESSION["cat"]==1){ echo 'id="activo"';}?>>INICIO</a></li>
y el css... no hay mucho misterio
[CSS]
a#activo {
background-image: linear-gradient(bottom, #333 20%, #666 58%);
background-image: -o-linear-gradient(bottom, #333 20%, #666 58%);
background-image: -moz-linear-gradient(bottom, #333 20%, #666 58%);
background-image: -webkit-linear-gradient(bottom, #333 20%, #666 58%);
background-image: -ms-linear-gradient(bottom, #333 20%, #666 58%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.20, #333),
color-stop(0.58, #666)
);
-pie-background: linear-gradient(#333 20%, #666 58%);
behavior: url(PIE.php);
text-decoration: underline;
color: #ffffff;
}[/CSS]
Pero el problema es que si no recargo la página no se selecciona, y si por ejemplo le doy a inicio no se marca nada, pero si cambio a otra categoría como noticias se marca siempre la sección pulsada anteriormente...