Tło obrazkowe linku - jak ustawić?

wersja skryptu MyBB: 1.6.9
adres forum: FerryCraft - Intro
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Cześć. Otóż chciałem ustawić ikonkę facebooka (mam 2) i gdy się kliknie w nią to przenosi na facebooka serwera. Tylko że mi coś nie wychodzi.. :/

Kod mam taki:

<a href="http://www.facebook.com/pages/Ferry-Craft/529973067041977?fref=ts" title="Nasz Facebook" class="facebook">&nbsp;</a>

A CSS:

.facebook {
       background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
        position: absolute; top: 110px; left: 10px;
}

.facebook:hover {
         background: url(images/ferry/icons/facebook.png) no-repeat;
}

Ścieżki dostępu do obrazków są na 100% dobre. I przy takim kodzie w/w nie pokazuje mi nawet linka. O co chodzi??

Ustaw wielkość klasy .facebook (width,height).

Teraz klasa wygląda tak:

.facebook {
       background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
        position: absolute; top: 110px; left: 10px;
       height: 32px;
        width: 32px;
}

.facebook:hover {
         background: url(images/ferry/icons/facebook.png) no-repeat;
}

Ale w ogóle linku nie pokazuje, ani obrazka.

Zobacz tak

.facebook {
background: url(images/ferry/icons/facebook2.png) no-repeat fixed;
position: absolute;
height: 120px;
width: 130px;
left: 10px;
top: 10px;
}

Hmm... Mam problem z dodaniem następnego odnośnika..
Tak wygląda moja klasa CSS:

.youtube {
background: url(images/ferry/icons/youtube2.png) no-repeat;
position: absolute;
height: 64px;
width: 64px;
left: 10px;
top: 210px;
}

.youtube:hover {
         background: url(images/ferry/icons/youtube.png) no-repeat;

}

A tak kod HTML:

<a href="http://www.youtube.com/user/DanxSG?feature=watch" title="YouTube Właściciela" class="youtube">&nbsp;</a>

---

@Jaki Fail, nie zapisałem szablonu