body { behavior: url(csshover2.htc); } #menu { /*width: 100%;*/ background:#385B97; height:51px; float:left; } #menu ul { list-style: none; margin: 0; padding 0; width: 6.5em; float: left; padding: 2px 0px;/*The hight of the image box*/ } /*#menu input{ width:100%; color: #fff; background-image:url(images/bgr01.jpg); background-position:center; background-repeat:no-repeat; border:0; text-align:center; vertical-align:middle; text-transform: uppercase; }*/ /*STYLE DONE HERE*/ #menu input{ font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color:#ccc #888 #555 #bbb; margin: 0; padding: 2px 0px;/*The hight of the image box*/ margin-bottom:-15px; } #menu a{ font: 12px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color:#ccc #888 #555 #bbb; margin: 0; padding: 2px 0px;/*The hight of the image box*/ } #menu input { margin-top:-4px; height:100%; width:100%; color: #fff; background-image:url(images/bgr01.jpg); background-position:center; background-repeat:no-repeat; border:0; height:51px; text-align:center; vertical-align:middle; padding:0px 0px 0px 0px /*text-transform: uppercase;*/ } #menu a { color: #000; background: #efefef; text-decoration: none; } #menu a:hover { color: #a00; background: #fff; } #menu input:hover { background-image:url(images/bgr03.jpg); } /*===================*/ #menu li {position: relative;} #menu ul ul ul { position: absolute; top: 0; left: 100%; } #menu ul ul { position: absolute; z-index: 500; } /*Hide Sub menu*/ div#menu ul ul { display: none; } /*Show and hide whole submenu*/ div#menu ul li:hover ul {display: block;} div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;} /*Show only one section at a time*/ div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}