Fissare la barra di navigazione a fondo pagina

[KillerWorm]

Ciao, come dice carlomarangoni, in genere si usa position:fixed. Qui un tutorial che ti spiega come fare.

[Cencio96]

Ciao, come dice carlomarangoni, in genere si usa position:fixed. Qui un tutorial che ti spiega come fare.

Ok seguito questa guida e sembra funzionare, ora, ecco quello che ho:

ul{    list-style:none;
    text-align:center;
    position:fixed;
    bottom:0;
    border-top: 1px solid white;
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(black,#404040);
}
li{
    display:inline-block;
    height:40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
li a {
    color:white; 
    font: bold 15px verdana;
    text-decoration:none;
    height:40px;
}
ul :hover{
    background: -webkit-linear-gradient(darkgray,silver);
    font: bold 15px verdana;
    color:black;
    box-sizing: border-box;
}

Come posso fare per rendere tutto il "box" dei pulsanti che compongono la barra di navigazione (Home e Chi siamo) cliccabile invece che solo il link?