Poner Efecto Roll over verticial con Estilos Css

[wilrocaul]

Hola amigos tengo una consulta tengo este codigo...para hacer un efecto roll over con estilos css en forma vertical

Código:

<style>
#menuv {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 150px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}
#menuv li {
	border-bottom: 1px solid #ACCFE8;
}

#menuv a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 138px;
}

#menuv a:hover {
	background: #DBEBF6;
}
</style>
<div id="menuv">
	<ul>
		<li><a href="#menuv">Inicio</a></li>
		<li><a href="#menuv">Comentarios</a></li>
		<li><a href="#menuv">Noticias</a></li>
		<li><a href="#menuv">Contacto</a></li>
		<li><a href="#menuv">Acerca de nosotros</a></li>
	</ul>
</div>

Lo que quisiera saber es como hacer de tal manera que al pulsar un enlace este se quede señalado con un color determinado, al parecer creo se pudiera hacer esto con javascript, quisiera me puedan ayudar en esto.....La idea es no hacer con el uso de imagenes......gracias

[DragonX]

Pone esto en tu CSS

#menuv li .activo {
background: #f00;
font-weight: bold
}

y en tu HTML

<div id="menuv">
<ul>
<li class="activo">Inicio</li>
<li><a href="#menuv">Comentarios</a></li>
<li><a href="#menuv">Noticias</a></li>
<li><a href="#menuv">Contacto</a></li>
<li><a href="#menuv">Acerca de nosotros</a></li>
</ul>
</div>

[wilrocaul]

Gracias funciona pero una consulta más, estoy aplicando este menu con un include de php en varios archivos o paginas, como hacer para que el efecto roll over surta efecto en todas las paginas al momento que se muestran......?

[juaniquillo]

eso es mas bien una pregunta para el foro de PHP ya que es un problema de rutas.