#nav-product {_display:inline; float:left; margin-left:-150px; overflow:hidden; position:relative; width:150px; z-index:100;} /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul li a {border-bottom:1px solid #66ff00; color:#ffffcc; display:block; font-weight:bold; font-size:12px; height:18px; margin:0; min-height:18px; padding:10px 4px 6px 13px; text-decoration:none;width:133px;}

html>body #nav-product a {height:auto;}

#nav-product ul li a:hover {background-color:#001fe00; color:#ffffcc;}

#nav-product li {margin:0;}

#nav-product ul {list-style:none;}

 * html #nav-product ul li a {  /* make hover effect work in IE */
	width: 150px;
}
#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:5px;color:#99ff33}

#nav-product ul li a{width:133px; background-color: #ff0099;}

* html #nav-product ul li a{width:133px; height:100%; overflow:hidden; background-color: #ff0099; overflow:hidden;}

* html #nav-product { overflow:visible; width:150px; }

#bodyshell {
border-left:150px solid #ff0099;
}