Fade in div on mouseover
<p>This is a followup to my earlier question, <a href="http://stackoverflow.com/questions/5995630/fade-in-out-js-mouseover-event">Fade in/out js mouseover event</a>.</p>

<p>I am looking to incorporate a div mouseover effect on a small menu on my page. My previous question solved the issue, but I had not incorporated the page layout into the function, which has now stopped it from working.</p>

<p>My basic code is:</p>

<pre><code>&lt;style type="text/css"&gt;
 .hidden{
    display:none;
}

#container {
   margin: 0%;
   padding: 0;
   width: 100%;
   background-color: #222222;
}
#left, #right {
   float: left;
   margin: 0% 0 0% 0%;
   padding: 0%;
   background-color: #000;
}
#right {
   float: right;
   margin: 0% 0% 0% 0;
}
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
&lt;/style&gt;

&lt;script type="text/javascript"&gt;
oldSelected = "home"
$ (document).ready(function(){
  $ ("#products img").mouseover(function(){
    $ (".description").stop(true, true);
    var newSelected = $(this).attr("alt");
    $ ("#" + oldSelected).fadeOut('normal',function(){
      $ ("#" + newSelected).fadeIn();
    });
    oldSelected = newSelected
  });
});
&lt;/script&gt;

&lt;body&gt;
&lt;div id="container" style="width: 974px; height: 200px;"&gt;

&lt;div id="left" style="width: 200px; height: 200px;"&gt;
&lt;div id="products" &gt;

&lt;img src="home.png" alt="home" /&gt;

&lt;img src="services.png" alt="services" /&gt; 

&lt;img src="contact.png" alt="contact" /&gt; 

&lt;/div&gt;

&lt;/div&gt;

&lt;div id="right" style="width: 760px; height: 200px;"&gt;
&lt;div class="description" id="home"&gt;
 .. content .. 
&lt;/div&gt;

&lt;div class="description" id="services"&gt;
 .. content .. 
&lt;/div&gt;

&lt;div class="description" id="contact"&gt;
 .. content .. 
&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>I assume the mouseover effect has stopped working due to the products and description divs being relocated under new divs.</p>

<p>How do I go about adjusting the code to get the function working again under this layout? Would it work in a table layout instead?</p>
