上下に罫線のあるシンプルナビゲーション

ナビゲーションの各項目ごとの上に罫線をひく。一番下は”ul”に下の罫線をひく

HTML
<div id="Navigation">
<ul id="nav">
<li><a href="#">Item number 1</a></li>
<li><a href="#">Item number 2</a></li>
<li><a href="#">Item number 3</a></li>
<li><a href="#">Item number 4</a></li>
<li><a href="#">Item number 5</a></li>
</ul>
</div>

CSS
#nav
{
padding-left: 0;
margin-left: 30px;
border-bottom: 1px solid #333;
width: 200px;
}

#nav li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #333;
}

#nav li a { text-decoration: none; }