Hover Tips

This will work for any link or any linked image. This will also work for links in the top menu bar.

Markup
[[span class="hover"]] link here [[span]] Hover Text [[/span]][[/span]]

Example
Mouse Over For SampleThis is an example of hover text.

Code

/* ------------------ Hover Tips -------------------- */

.hover {
    color: #3B4;
     text-decoration: none;
    border-bottom: 0px solid;
}
.hover:hover {
     text-decoration: none;
    border-bottom: none;
}

.hover span {    display: none;}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 15px -20px;
    height: auto;
    width: 250px;
    background: #FFF;
    border: 2px solid #c93232;
    color: #000;
    padding: 1em;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}