I found the CSS for the Main Navigation for this site at Listamatic.
Here is the CSS for a simple horizontal menu with rollovers.

#menu ul {
padding: .5em 0;
margin: 8px 0 0 0;
list-style-type: none;
background-color: #333399;
color: #fff;
width: 100%;
text-align: left;
}

#menu li { display: inline; }

#menu li a {
text-decoration: none;
background-color: #339;
color: #fff;
padding: .4em 1em;
font: bold 1.2em arial, helvetica, sans-serif;
}

#menu li a:hover {
background-color: #066;
color: #fff;
}

For the HTML, make a simple list as follows:
You can add some code for the id=current.

• Item one
• Item two
• Item three
• Item four
• Item five

Source:
http://css.maxdesign.com.au/listamatic/horizontal16.htm

Bookmark/Search this post with:

Digg  |  del.icio.us  |  Google  |  Yahoo  |  Facebook  |  Twitter