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: block;
    margin: 0;
    height: auto;
    width: auto;
    background: none repeat scroll 0 0 white;
    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;
}
still to do
css:hover
Here is a place for your title Click me to edit ! true
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License