jQuery Hover not work in Chrome and Safari
<p>I have the HTML code:</p>

<pre><code>&lt;span style="padding-right:100px;" class="tree_list"&gt;
    &lt;p&gt;Hover Here&lt;/p&gt;
    &lt;span class="admin_tools" id="tree_list_tool"&gt;
        &lt;a href="http://google.com"&gt;Google&lt;/a&gt;
        &lt;a href="http://facebook.com"&gt;Facebook&lt;/a&gt;
    &lt;/span&gt;
&lt;/span&gt;
</code></pre>

<p>The CSS code:</p>

<pre><code>.admin_tools {
     display:none;
}
</code></pre>

<p>And the jQuery code to execute:</p>

<pre><code>$('.tree_list').hover(
    function(){
         $('#tree_list_tool', $(this)).show();
    } ,
    function(){
         $('#tree_list_tool', $(this)).hide();
    }
);
</code></pre>

<p>The jQuery hover function works well on Firefox and IE, but not in Chrome and Safari. I have searched on Google but no the result. Could you give me some solutions ?</p>

<p>Thank in advance!</p>
