Harlekin: Links mit Sprites

Beitrag lesen

Hallo,

ich habe mir gedanken über die Geschwindigkeit unserer Homepage gemacht. Jetzt geht es als nächstes an die Sprites. Das zusammenbauen hat einwandfrei geklappt.

Ich kann die Grafiken auch in Lists oder DIVS einbinden. Aber die Grafiken als Links zu gebrauchen geht mir noch nicht von der Hand. Vielleicht liegt es auch an meiner extrem geringen Kenntnis von CSS.

Folgendes habe ich bisher gemacht:
#1 Sprite erstellt

.flag {  
background: url(sprite.png) no-repeat top left;  
}

#2 Position bestimmt
#sprite-facebook{ background-position: 0 -45px; width: 62px; height: 22px; }
#3 Im HTML definiert
<a href="facebook.com" ><div class="flag" id="sprite-facebook"></div></a>

Mein Problem ich kann nicht auf das Image klicken!? Was habe ich falsch gemacht?