div container fading out does not work
<p>I want that the content goes to 50% when I hover over the menu bar. For whatever reasons I don't get it done. I get it doen on a testing page where I just have 2 divs. As soon as I have more divs it does not work. Why not??? 
The page I am referring to is <a href="http://www.guntmarwolff.com/eigenschaftenv.php" rel="nofollow">http://www.guntmarwolff.com/eigenschaftenv.php</a></p>

<p>Thank you in advance for your help!  </p>

<p></p>

<pre><code>    $(document).ready(function(){

      $("Layer5").mouseover(function(){
          $("header1").fadeTo('slow', 0.5);
      });

      $("Layer5").mouseout(function(){
          $("header1").fadeTo('slow', 1);
      });
  });

&lt;/script&gt;


&lt;div id="Layer5"&gt;
    &lt;div style="position:relative; top:125px; left:480px; font-size:50px; z-index:1000;"&gt;&lt;ul class="topmenu" id="css3menu1" name="css3menu1"&gt;
    &lt;li class="topfirst"&gt;&lt;a href="http://www.xy.com" style="height:26px;line-height:26px;"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li class="topmenu"&gt;&lt;a href="#" style="height:26px;line-height:26px;"&gt;&lt;span&gt;Info&lt;/span&gt;&lt;/a&gt;


&lt;div id="container1"&gt;
&lt;div id="header1" class="header1"&gt;
  &lt;div class="navbar1" style="position:relative;top:0px;left:-40px;z-index:1200px; id="about"&gt;&lt;img src="headeigenschaftendeserfolgs.png" border="0"/&gt;&lt;/div&gt;
  &lt;p&gt;
&lt;p&gt;
</code></pre>

<p></p>
