pesantezza Javascript client-side

<style type="text/css">
    div#navigation {
        background-color: white;
        text-align: center;
    }
    div#navigation ul{
        margin:0;
        padding:0;
        list-style-type: none;
    }
    div#navigation ul li {
        float:left;
        text-align: center;
        margin:0 1px;
        background-color: #B00508;
        padding:10px 20px;
        font-size: .8em;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
    }
    div#navigation ul li:hover,div#navigation ul li.current {
        background-color: #212121;
    }
    div#navigation ul li a {
        color:white;
        text-shadow: 2px 2px #000;
        text-decoration: none;
        font-size: .8em;
    }
</style>

<div id="navigation">
    <ul>
        <li class="current"><a href="#">HOME</a></li>
        <li><a href="#">SERVIZI</a></li>
        <li><a href="#">HOSTING</a></li>
        <li><a href="#">TARIFFE/COSTI</a></li>
        <li><a href="#">ORARI</a></li>
        <li><a href="#">CONTATTI</a></li>
    </ul>
</div>