#box { margin:0; padding:0; width:500px; background:#333; border:#fff 2px solid;}
#box a {padding:4px 3px; margin:0; color:#fff; font-size:12px; width:100px; display:block; float:left;}
#box a:hover {background:#297BA0;}

This will create a box that is 500px wide then you can create 5 links across it. So the html would be.

<div id="box">
<!-- row 1 -->
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
<a href="">Link 4</a>
<a href="">Link 5</a>
<!-- row 2 -->
<a href="">Link 6</a>
<a href="">Link 7</a>
<a href="">Link 8</a>
<a href="">Link 9</a>
<a href="">Link 10</a>
</div>

Tested and works in the latest versions of IE, FF, Opera, Safari

__________________
iSearchNotes.com - Share College Student Notes | Blog