.custom h1 {color: white; font: 12px verdana, arial;}
.custom h2 {color: black; font: 9px verdana, arial;}


#navcontainer
{
margin: 0;
padding: 0;
height: 23px;
width: 752px;
background: #363636
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0px 0 0 0;
list-style-type: none;
text-align: center;
display: table;
table-layout: fixed;
}

#navcontainer ul li
{
display: block;
float: left;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 187.2px;
height: 24px;
padding: 4px 0 0 0;
margin: 0;
color: #fff;
text-decoration: none;
float: left;
display: block;
background: #363636 center center repeat-x;
font-size: 11px;
font-weight: bold;
}


#navcontainer ul li a:hover
{
color: #000;
background: #fab927;
}

#navcontainer a:active
{
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

#navcontainer li a:hover, #navcontainer li .current{
color: #000;
background: #fab927 center center repeat-x;
}

div {float:left}

<!--[if IE]>
<style type="text/css" media="screen">

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->