plugin FADETO conflicting with website

plugin FADETO conflicting with website

Hello everybody, I'm not an experienced programmer and I have a small issue using the plugin http://api.jquery.com/fadeto/. I hope someboidy can look into this.

I have a website www.nelpaesedelvino.com to which I want to add an intro page (just an image). I am testing the plugin with www.nelpaesedelvino.com/intro.htm in which I have added:

  1. #intro {position:absolute; top:0; left:0; margin:0; padding:0; overflow:hidden; z-index:100;}  
  2. <body>
    <div id="intro"><img src="images/intropage.jpg"></div>
    <script>
    $("div#intro").click(function () {
    $(this).fadeTo("slow", 0.0);
    });
    </script>   [...]





to the CSS and to the html. But there are some problems:

1) The image doesn't cover the whole page, but leaves the tab-menu visible

2) all the links in the website become disabled

I guess I don't know how to include the plugin without having this conflict problem. Where is the error?