CSS background-position for icon only shows me last icon see code for more detail

Problem

This is my HTML for showing the icon bar of reply, retweet, favorite.

<div id="twitter-actions" style="display: none; opacity: 0; margin-top: -20px;">
   <div class="intent" id="intent-reply"><a href="https://twitter.com/intent/tweet?in_reply_to=481493696643608576" title="Reply"></a></div>
   <div class="intent" id="intent-retweet"><a href="https://twitter.com/intent/retweet?tweet_id=481493696643608576" title="Retweet"></a></div>
   <div class="intent" id="intent-fave"><a href="https://twitter.com/intent/favorite?tweet_id=481493696643608576" title="Favourite"></a></div>
</div>

This is my CSS for showing that bar.

#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
        display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(../images/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 


#intent-reply a{
    background-position:0px 0px;
} 
#intent-reply a:hover{
    background-position:-25px 0px;
} 

#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 

This is my image

The problem is only last icon appears i couldn't solve problem myself so asking you with as much details i can give you.

enter image description here

Updated Example of above HTML and CSS

Problem courtesy of: Spock

Solution

If this still isn't working, I would suggest using your "Inspect Element" feature (available on most modern browsers) to see if any CSS is overriding what you wrote here (It would look like this), seeing as isolating the code you provided seems to work just fine.

Additionally, browser plugins can effect the way a page is displayed. Especially ad blockers. Try running your browser with all your plugins disabled/turned off and see if that fixes the problem.

Solution courtesy of: invot

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.