Esempio di un menu completo di CSS e HTML

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
                <title>Menu</title>
                <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
                <style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */

#menu {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #94AA74;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #5E7830;
        display: block;
        background: url(menu1.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover, #menu li #attivo {
        color: #26370A;
        background: url(menu1.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu li a:active {
        color: #26370A;
        background: url(menu1.gif) 0 -64px;
        padding: 8px 0 0 10px;
        }
-->
</style>
        </head>

        <body>
                <div id="menu">
                        <ul>
                                [*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About
[/list]
                </div>
        </body>
</html>

L'id attivo è quello che determina la posizione