hover
.hover { text-decoration: none color: #0018AA border-bottom: 1px solid; height: 1em; *height: 1.5em; } .hover:hover { border-bottom: none; text-decoration: none; color: #auto; } /* hover divs intended for the sidebar */ .hover div { display: none; } .hover:hover div { position: absolute; display: inline; margin: -14px 20px 0 10px; *margin: -20px 20px 0 10px; height: auto; width: 120px; background: #F4F4F4; border: 2px solid #999999; color: #000; padding: 1em; } .hover:hover div div { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 0; height: auto; width: auto; background: none; opacity:0.9; border: none; color: #000; padding: 0.7em; } /*hack -- exclude IE7 and below*/ html >/**/ .hover:hover span {margin: -10px 20px 0 -3px;} .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } .hover.hover ul { list-style-type:none; margin: 0; padding: 0; } .hover.hover ul li { padding: 0.4em 0 0.4em 0; }
page revision: 1, last edited: 29 May 2010 12:14