Hovering menu doesnt resizing <p>I have a menu and a submenu , that will show only on mouse hover. But I cant resize it . </p> <p>This is my javascript:</p> <pre><code>$('#menu li').hover(function() { $(this).find('ul').show(); }, function() { $(this).find('ul').hide(); }); </code></pre> <p>HTML part: </p> <pre><code> &lt;ul id='menu'&gt; &lt;li&gt; &lt;a href="#"class="current"&gt;Marketing&lt;/a&gt; &lt;ul style="display:none; border-bottom-color:#F00;"&gt; &lt;li style="margin:-350px 294px 0px"&gt; &lt;a href="#" &gt;ForSale&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;!-- &lt;li&gt;&lt;/li&gt;--&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; </code></pre> <p><a href="http://jsfiddle.net/manojmcet/wfXZ4/1/" rel="nofollow">Demo is here.</a></p> <p>Thanks.</p>