Nub to coding, but I followed

this link ---> <http://stradegyadvertising.com/tutorial-how-to-image-hover-swap-css/>

and I'm having trouble hovering over the facebook png icon and having it change to the facebook\_blue png. Not sure if I should use the background url tag I'm drawing blanks

**HTML**

```
<a href="https://www.facebook.com/ecthephotographer">
<img src="social-icons/facebook.png" alt="Follow me on Facebook" 
class="social-icon" id="fb"></a>

```

**CSS**

```
#fb {
    max-width: 4%;
    max-height: 4%;
    background-image: url(social-icons/facebook_blue.png);
    background-position: 0 0;
}
#fb:hover {
    background-position: 0 100%;
}

```

You can download both pngs here

<http://tinypic.com/4dulp1mt>