body { background: url(../../img/b003bcg2.gif) } .m100 li a:visited { color:#093; } .m100 li a:hover { color:#f00; } .m100 { list-style:none; padding:0; margin:0; position:static; } .m100 li { background:#transparent; margin:0 .2em; padding:0; width:9em; height:2em; } .m100 li a { display:block; border:1px solid #aaf; color:#00f; width:100%; margin:0; padding:.4em 0; text-decoration:none; text-align:center; position:static; top:0px; left:-1px; z-index:20; } .m100 li ul.m110 { display:none; margin:0; padding:0; position:relative; } .m100 li ul.m110 li a, .m100 li ul.m110 li a:visited, .m100 li ul.m110 li a:hover { margin:0; padding:.2em 0; border:none; text-decoration:none; background:#transparent; } .m100 li:hover ul.m110 { display:block; list-style:none; position:relative; z-index:40; left:100%; top:-1.2em; margin:-2px 0 0 0; padding:0; } .m100 li:hover ul.m110 li { width:100%; height:1.4em; border:1px solid #fff; border-top:none; background:#ddd; text-align:center; margin:0; padding:0; } .m100 li:hover ul.m110 li ul { display:none; } .m100 li:hover ul.m110 li.m001 { border:1px solid #fff; } .m100 li:hover ul.m110 li:hover ul { display:block; list-style:none; position:relative; z-index:200; width:100%; left:100%; top:-1.2em; margin:-2px 0 0 0; padding:0; } .m100 li:hover ul.m110 li:hover ul li a { display:block; width:100%; margin:0; border:none; text-decoration:none;} h2 { position:relative; top:10px; left:250px; } .main { position:relative; top:-40px; left:200px; z-index:0; } p.clear{ clear:both; position:relative; z-index:10; }