Css transform werkt niet

Beste phpleden,

Hier ben ik weer;

Ik heb de situatie nagebouwd hier:
http://jsfiddle.net/6Lk3jgfo/

Wat ik wil bereiken is;
wanneer je over een article met je muis gaat (<a>) dan is het de bedoeling dat het blokje (de <a>) dus 5px naar beneden komt. Ik dacht dat translate dit effect deed (http://jsfiddle.net/rimian/7aPvS/1/), en toch werkt het niet.

Ik wil dus hetzelfde effect, maar enkel in de Y-richting.

Alvast bedankt,
Jos

**Is het duidelijk uitgelegd? Anders maak ik er een foto van hoe het zou moeten worden?**