usoprova: MATRIMONIO BEPPE

#menu{ padding:0; margin:0; } #menu ul{ padding:0; margin:0; } #menu li{ position: relative; float: left; list-style: none; margin: 0; padding:0; } #menu li a{ width:100px; height: 30px; display: block; text-decoration:none; text-align: center; line-height: 30px; background-color: black; color: white; } #menu li a:hover{ background-color: red; } #menu ul ul{ position: absolute; top: 30px; visibility: hidden; } #menu ul li:hover ul{ visibility:visible; } body{ behavior: url(csshover2.htc); } #menu ul ul{ position: absolute; top: 30px; visibility:hidden; width:100px; /*larghezza pare alla larghezza degli elementi a*/ }

ul#mymenu{ font: 70%/1.5 Verdena,Tahoma,sans-serif; color: #fff; background: #642eab; width:910px; height:26px; margin-left:7px; margin-top:-17px; line-height:26px; } ul#mymenu,ul#mymenu li,ul#mymenu ul,ul#mymenu ul li{ margin:0; padding:0; list-style-type:none } ul#mymenu a{ display:block; padding: 0 15px; text-decoration: none; color:#FFF; } ul#mymenu li{ float: left; position: relative; } ul#mymenu li li{ float: none; line-height: 22px; width:200px; display:block !important; display: inline; } ul#mymenu ul{ position: absolute; top: 25px; left: -9999px; width: 12em; background: #fff; color: #642eab; } ul#mymenu ul{ padding: 7px 0; border: 1px solid #642eab; width:200px; } ul#mymenu ul,ul#mymenu li li a{ background-color: #FFF; color: #642eab; } ul#mymenu li:hover,ul#mymenu a:hover{ background-color: #7143a8; color: #FFF; } ul#mymenu li:hover ul,ul#mymenu li.sfhover ul{ left: -1px;z-index: 100; }