Hi I am having problems making my header blur out the text underneath it. I'm trying to use this code:

filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px);

But it dosent work like i thought it well it blurs out everything in the header but not the things underneath it. Here is the link to the site:Link

Thanks in advance , Alan