.horizontalcssmenu ul{ margin: 0; padding: 0; list-style-type: none; float: left; border-bottom: solid 1px #cccccc; } /*Top level list items*/ .horizontalcssmenu ul li{ position: relative; display: inline; float: left; border-top: solid 1px #cccccc; } .company{width:90px} .funds{width:90px} .partnerships{width:95px} .responsibility{width:90px} .enviromental{width:90px} /*Top level menu link items style*/ .horizontalcssmenu ul li a{ display: block; width: auto; /*Width of top level menu link items*/ padding: -0,8px 5px; border:#202020; text-decoration: none; background: url(menubg.gif) center center repeat-x; color: #003366; font: 11px Tahoma; } /*Sub level menu*/ .horizontalcssmenu ul li ul{ margin: 0; padding:0; left: 0; top: 0; position: absolute; display: block; visibility: hidden; z-index: 100; border-top:solid 0px #cccccc; border-left:solid 0px; border-right:solid 0px; border-bottom:solid 0px; } /*Sub level menu list items*/ .horizontalcssmenu ul li ul li{ display: inline; float: none; border-top: 0px; } /* Sub level menu links style */ .horizontalcssmenu ul li ul li a{ width: 130px; /*width of sub menu levels*/ font-weight: normal; padding: 2px 2px; background: #f0f0f0; border-width: 0 0px 0px 0,5px; margin-top:0; } .horizontalcssmenu ul li ul li b{ width: 130px; /*width of sub menu levels*/ font-size:5px; height:10px; background:#ffffff; border-bottom: solid 1px #cccccc; } .horizontalcssmenu ul li a:hover{ background: url(menubgover.gif) center center repeat-x; } .horizontalcssmenu ul li ul li a:hover{ background: #cde686; } .horizontalcssmenu .arrowdiv{ position: absolute; right: 0; background: transparent url(menuarrow.gif) no-repeat center left; } * html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE \*/ * html .horizontalcssmenu ul li { float: left; height: 0%; } * html .horizontalcssmenu ul li a { height: 0%; }