[brinks]

This is a horizontal menu, background colour and text colour changes on rollover.

#nav {
width: 780px;
margin: 0 auto;
background-color: #F3F2ED;
margin-top: 5px;}
 #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 10px;
	background-color: #F3F2ED;}
         #nav li {
	    float: left;
	    margin: 0;
	    padding: 0;
	    background-color: #F3F2ED;}
	     #nav li a {
	        float: left;
	        margin: 0 1px 0 0;
                font-size: 100%;
	        font-weight: normal;
	        text-decoration: none;
                padding: 5px 9px;
	        color: #555;}
	          #nav li a:hover {
	             color: #fff;
	             background: #354966;}

And the XTHML

<div id="nav">
        <ul>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	</ul>
</div>