This is about as simple as it gets with menu generators. Everything is explained in the code. Note that the menu is simply an unordered list so to pretty it up it really relies on the CSS.
If you don't want to write any CSS of your own here is a sample stylesheet.
#Menu
{
position:absolute;
width:95%;
height:44px;
z-index:3;
left: 4px;
top: 175px;
} .tabbedmenu
{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 2px groove #F16C0A;
list-style-type: none;
text-align: left;
}
.tabbedmenu ul
{
margin: 0;
padding: 0;
float: left;
}
.tabbedmenu li
{
display: inline;
position: relative;
margin: 0;
}
.tabbedmenu li li{display: block;}
.tabbed menu li li:hover{display: inline;}
.tabbedmenu li a
{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 3px double gray;
border-bottom: none;
background-color: #000000;
color: #FFFFFF;
}
.tabbedmenu li a:hover
{
background-color: #F16C0A;
color: black;
}
.tabbedmenu li a:active {color: #FFFFFF;}
.tabbedmenu li a.selected
{
position: relative;
top: 1px;
padding-top: 4px;
background-color: #F16C0A;
color: white;
}