I have a problem with a script I'm trying to make.

 

I'm trying to make a google wannabee effect, so when the mouse is moved, some content becomes visible.

 

This works great in safari, opera, chrome, firefox and IE 7, but in IE8, instead of fading, the content just shows.

 

I've tried to remove all content from the webpage to locate what was doing it, but then I finally tried removing the doctype, (XHTML 1..0 strict) and it works! but my css gets totally messed up.

 

I've tried searching and searching and searching, but with no luck.

 

link to page with doctype: http://nihei.dk/jquery_fade_with.php

link to page without doctype http://nihei.dk/jquery_fade_without.php

 

Any ideas or workarounds?