Lost mouseover when mouse is over inner element
<p>I have example like below. How to avoid "lost of mouseover" on <code>&lt;div&gt;</code> when mouse is over inner <code>&lt;span&gt;</code> ?</p>

<pre><code>&lt;div id="box"&gt;
  ABC
  &lt;span style="font-size: 10px; font-weight: normal;"&gt;abc&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>Live demo <a href="http://jsfiddle.net/PjhmC/" rel="nofollow">here</a>.</p>
