why my jquery code is ok in firefox,but not ok in chrome and ie8?
<pre><code>function tip(evt,s){
        $('p#vtip').show();

        xOffset = -10; // x distance from mouse
        yOffset = 10; // y distance from mouse 
        top = (evt.pageY + yOffset); 
        left = (evt.pageX + xOffset);

        var str = $(s, "&gt; #content").html();
        $('p#vtip #content').html(str);
        $('p#vtip').css("top", top+"px").css("left", left+"px").fadeIn("slow");
}
</code></pre>

<p>in firefox:</p>

<p><img src="http://omploader.org/vM2hycg" alt="alt text"></p>

<p>and in chrome and ie8 is always in the bottom:</p>

<p><img src="http://omploader.org/vM2hycw" alt="alt text"></p>

<p>who can change this code  for chrome and ie8 ??</p>

<p>and this is html:</p>

<pre><code>&lt;div&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
     &lt;span onmouseover="tip(event,this);"&gt;程序错误&lt;div id="content"&gt;good&lt;/div&gt;&lt;/span&gt;&lt;br&gt;
    &lt;/div&gt;

&lt;p id="vtip" style="position:absolute"&gt;&lt;img id="vtipArrow" src="vtip_arrow.png" /&gt;testtest&lt;span class="content"&gt;&lt;/span&gt;&lt;/p&gt;
</code></pre>
