Ayuda con barra de menú

[gVenom]

Código HTML:

#menu ul.li.normal:hover{
background: #363636; /*background of menu items (default state)*/
border-top: 1px solid #2A2A2A;
color:#fff;
}

#menu ul.li.activo:hover{
background: #363636; /*background del menu activo */
border-top: 1px solid #2A2A2A;
color:#fff;
}

y cuando vas al codigo html

pagina index

Código HTML:

<ul>
<li class="activo"><a href="#">index.html</a>
<li ><a href="#">pag2.html</a>
<li ><a href="#">pag3.html</a>
</ul> 

pagina 2

Código HTML:

<ul>
<li><a href="#">index.html</a>
<li class="activo" ><a href="#">pag2.html</a>
<li ><a href="#">pag3.html</a>
</ul>