Fade in fade out on mouse over/out
<p>i have "div1" and "div2", for example. and the 'div2' is hidden behind 'div2', and i want to fade in the div2 over the de div1 with a fade...<br>
how can i do this?<br>
i looked trought so many posts, and none of them gave me any result...  </p>

<pre><code>&lt;div id="news1"&gt;
    &lt;table width="100%" height="145" border="0" cellpadding="0" cellspacing="0" class="newsBox"&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;table width="230" border="0" cellspacing="0" cellpadding="0"&gt;
                    &lt;tr&gt;
                        &lt;td width="89" align="center" valign="top" class="shadow"&gt;&lt;img src="images/news_03.jpg" width="89" height="89" /&gt;&lt;/td&gt;
                        &lt;td align="left" valign="top" class="espacoEsquerda"&gt;Duis felis magna, viverra ac dignissim at, mollis vitae felis.  Praesent eleifend dictum quam tempor lobortis.&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td height="41" align="left" valign="bottom"&gt;&lt;img src="images/news_10.jpg" width="35" height="35" /&gt;&lt;/td&gt;
                        &lt;td align="right" valign="bottom" class="readmore"&gt;read more »&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;

&lt;div id="news1Over"&gt;
    &lt;table width="100%" height="145" border="0" cellpadding="0" cellspacing="0" class="newsBoxOver"&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;table width="230" border="0" cellspacing="0" cellpadding="0"&gt;
                    &lt;tr&gt;
                        &lt;td width="89" align="center" valign="top" class="shadow"&gt;&lt;img src="images/news_03.jpg" width="89" height="89" /&gt;&lt;/td&gt;
                        &lt;td align="left" valign="top" class="espacoEsquerda"&gt;Duis felis magna, viverra ac dignissim at, mollis vitae felis.  Praesent eleifend dictum quam tempor lobortis.&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td height="41" align="left" valign="bottom"&gt;&lt;img src="images/news_11.jpg" width="35" height="35" /&gt;&lt;/td&gt;
                        &lt;td align="right" valign="bottom" class="readmoreOver"&gt;read more »&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;
</code></pre>
