Centred horizontal navigation

HTML

<ul id="nav">
    <li><a href="/">Home</a></li>
    <li><a href="/about/">About</a></li>
    <li><a href="/work/">Work</a></li>
    <li><a href="/clients/">Clients</a></li>
    <li><a href="/contact/">Contact</a></li>
</ul>

CSS

#nav{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background:silver;
}
#nav li{
    display:inline-block;
}
#nav a{
    display:inline-block;
    padding:10px;
    text-decoration:none;
}
#nav a:hover{
     color:red;
     background:white;
}