CSS hover e active

by Jader Wagner

HTML

<ul>
    <li class="active">Home</li>
    <li>Produtos</li>
    <li>Download</li>
    <li>Contatos</li>
</ul>

CSS

ul {
    list-style:none;
}
li {
    width: 100px;
    height:36px;
    line-height:36px;
    text-align: center;
    display:inline-block;
}
li:hover, .active {
    background-color:#00ff00;
}