CSS3 Hover Image Gallery

I want to use the 'CSS3 Hover Image Gallery' tutorial to create social media icons with a nice hover effect.
I have followed the tutorial (This one; http://www.dynamicdrive.com/style/cs...image_gallery/) and used it on this page; http://lucsenden.nl/index.html

But it isn't showing any hover effects.
What am I doing wrong?

Because the header div's position is relative and it comes after the 'gallery' in the markup, in some browsers it's underneath (obscured from being hovered by) the header.

For example, around line #102 in style.css:

Code:

---

#header {
        height:110px;
        position:relative
}

---

Get rid of that temporarily. The hover effect should then work.

For a more permanent solution, try putting the 'gallery' in the header div.