Menu ativo

[MTavares]

Olá colegas,

estou desenvolvendo um menu com css, mas quero deixar a página que está sendo visitada como link ativo. Eu fiz de duas formas, mas em ambas deram erradas. Vejam abaixo os dois modelos:

#menu{ z-index:1; position:absolute; width:860px; height:27px; background-image: url(imagens/Inativo.png);}

#menu ul{ float:right; width: 502px; height:27px; list-style:none; }

#menu li{ float:left; height:27px; display:inline; }

#menu li a{ float:left; width:98px; height:27px; background-image:url(imagens/Inativo.png); font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#3399FF; text-decoration:none; line-height:22px; }

#menu li a:hover{ float:left;width:98px; height:27px; background-image: url(imagens/Ativo.png); font-family:Arial, Helvetica, sans-serif; color:#3399FF; }

#menu li.ativo a:active{ float:left;width:98px; height:27px; background-image: url(imagens/Ativo.png); font-family:Arial, Helvetica, sans-serif; color:#3399FF; }

<div id="conteudo">

<div id="menu">

<ul>

<li><a href="index.php">Home</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="microcis.php">Microcis</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="servicos.php">Serviços</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="clientes.php">Clientes</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li class="ativo"><a href="fale.php">Contato</a></li>

</ul>

</div>

</div>

MODELO II

#menu{ z-index:1; position:absolute; width:860px; height:27px; background-image: url(imagens/Inativo.png);}

#menu ul{ float:right; width: 502px; height:27px; list-style:none; }

#menu li{ float:left; height:27px; display:inline; }

#menu li a{ float:left; width:98px; height:27px; background-image:url(imagens/Inativo.png); font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#3399FF; text-decoration:none; line-height:22px; }

#menu li a:hover{ float:left;width:98px; height:27px; background-image: url(imagens/Ativo.png); font-family:Arial, Helvetica, sans-serif; color:#3399FF; }

#menu a:active{ float:left;width:98px; height:27px; background-image: url(imagens/Ativo.png); font-family:Arial, Helvetica, sans-serif; color:#3399FF; }

<div id="conteudo">

<div id="menu">

<ul>

<li><a href="index.php">Home</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="microcis.php">Microcis</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="servicos.php">Serviços</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="clientes.php">Clientes</a></li>

<li><img src="imagens/barraVerticalB.png" /></li>

<li><a href="fale.php">Contato</a></li>

</ul>

</div>

</div>

VLW