[CSS] Simple tooltip issue. Text doesn't show.

This post has been de-listed (Author was flagged for spam)

It is no longer included in search results and normal feeds (front page, hot posts, subreddit posts, etc). It remains visible only via the author's post history.

Author Summary

Slyvr89 is in CSS

Post Body

I'm just making a simple tooltip on a link but the text inside the span tag isn't showing up in the tooltip box that's displayed.

The CSS:

a.tooltip {
    position:relative;
}
a.tooltip span {
    margin-left: -999em;
    position:absolute;
}
a.tooltip:hover span {
    left: -110px;
    top: 40px;
    z-index: 99;
    margin-left: 0;
    width: 100px;
    position:absolute;
    background: #339999;
    border: 3px solid white;
}

The HTML

<a href="index.html" class="btnHome btn tooltip"><span>Home</span></a>

Edit: Solved! Thanks for the help

Author

Account Strength

Account Age

14 years

Verified Email

Yes

Verified Flair

Total Karma

14,598

Link Karma

5,756

Comment Karma

8,842

Profile updated: 8 months ago

Posts updated: 1 year ago

Slyvr89

Subreddit

r/learnprogramming

Post Details

Location

CSS

We try to extract some basic information from the post title. This is not always successful or accurate, please use your best judgement and compare these values to the post title and body for confirmation.

Posted: 12 years ago
Reddit URL: View post on reddit.com
External URL: reddit.com/r/learnprogra...