I'm trying to reproduce http://www.primalrecords.com/ 's nav bar up top. The horizontal one using pure CSS. I have been quite unsuccessful.

<div id="header-bottom">
<a href="index.php">index.php</a>
<a href="index.php">index.php</a>
<a href="index.php">index.php</a>
<a href="index.php">index.php</a>
</div>

#header-bottom {
border: 1px solid black;
}
#header-bottom a {
border-width: 0px 1px;
border-style: solid;
border-color: black;
}

Is as far as i've gotten. It produces 4 links with 1px black boarders around it. I want them to collapse upon each other so it forms like a horizontal lader of links just like the website above. If help would be much appreciated.