Tooltip CSS A CSS3 snippet, which uses the Before and Hover statements.

tooltip.css

/* Wrap around a div about what you will in a tooltip and it will hide the content and show only a symbol */
.tooltip:before {
    content: url(/media/icon16_tooltip.png);
    margin-top: 18px;
}
.tooltip:hover:before {
    content: '';
}
.tooltip {
    vertical-align: top;  
    color: white;    
    height: 16px;  
    overflow: hidden;  
    width: 16px;  
    background: white;  
    position: absolute;
}
.tooltip:hover {
    border: 1px solid #ADADAD;
    border-radius: 3px;
    z-index: 100;
    margin: -5px 0 0 -5px;
    padding: 5px;
    box-shadow: 0px 2px 0px 0px #CCC;
    color: black !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
}