CSS Menu

For the Aboove menu:
<style type=”text/css”>
.images {background:#c00; width:20px;
height:20px; padding:1px;}
#nav ul {margin:0 auto 100px auto;padding:0;
list-style:none;display:table; white-space:nowrap;
font-family: arial, verdana, sans-serif; font-size:11px;}
#nav li {display:table-cell; margin:0; padding:0;}
#nav a {float:left; color:#fff;
background: #040 url(left2.gif) no-repeat left bottom;
margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none;
letter-spacing:1px;}
#nav a b {float:left; display:block;
background:transparent url(right2.gif) no-repeat right bottom;
padding:5px 16px 5px 12px;}
#nav a:hover {background-color:#6f9c6f; cursor:pointer;}
#nav #current a {background-color:#6f9c6f;}
#nav {padding:1px 0 0 0; background:#fff; border-top:8px solid #040;}
</style>

<!–[if IE]>
<style type=”text/css”>
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {float:left;}
#nav {text-align:center;}
</style>
<![endif]–>

<div id=”nav”>
<ul>
<li><a href=”centered_float_left.html?current=one”>
<b>HOME</b></a></li>
<li><a href=”centered_float_left.html?current=two”>
<b>PRIVACY POLICY</b></a></li>
<li id=”current”><a href=”centered_float_left.html?current=three”>
<b>CONTACT US</b></a></li>
<li><a href=”centered_float_left.html?current=four”>
<b>PRODUCTS</b></a></li>
<li><a href=”centered_float_left.html?current=five”>
<b>SITE MAP</b></a></li>
</ul>
</div>

~ by greatemran on July 29, 2007.