[html5] links not working in Safari after adding animation

[Norman Fournier]

Hello,

I am working on a website at http://www.thehalcyoncore.com/

I added a simple animation of "dripping paint" using Adobe Edge and liked the results. I then added a decorative font using @font-face and that seemed to break the animation. I undid the font code and the animation started working again in Firefox and Chrome but in Safari the a tags are no longer clickable nor do they change colour on hover. Unfortunately I did not test Safari to see if the animation broke the links or the font-face did, I do most of my web work in Firefox.

I added z-index: -1; to the graphic files and z-index: 1; to the content divs but that did not correct the problem.

I am not sure if I should be posting this here on the html list or to the css list. Any suggestions on how to get the links working again are appreciated as are suggestions as to the proper list to post this issue to. I posted it here because I am using html5 for the code...

Thank you!

Norman
---
www: http://www.normanfournier.com
facebook: http://www.facebook.com/normanfournierdotcom
linkedin: http://www.linkedin.com/profile/view?id=18127460
youtube: http://www.youtube.com/user/normanfournier