SPAN element becomes block level on show() in jQuery
<p>I created two demos: </p>

<p>Demo 1: <a href="http://jsfiddle.net/DqvTa/7/" rel="nofollow">http://jsfiddle.net/DqvTa/7/</a><br>
Demo 2: <a href="http://jsfiddle.net/DqvTa/8/" rel="nofollow">http://jsfiddle.net/DqvTa/8/</a>  </p>

<p>The demos are almost identical. The only difference is that I set <code>#span { display:none; }</code> in demo 1 and <code>span { display:none; }</code> in demo 2.</p>

<p>Could someone explain why the SPAN element - in demo 2 - becomes a block-level element? </p>

<hr>

<p>My assumption is that (during <code>show()</code>) jQuery internally creates a SPAN element to check whether it is naturally an inline or block-level element. But since I set all SPANs to <code>display:none</code> in demo 2, jQuery is unable to determine that.</p>

<hr>

<p>btw the ticket is here: <a href="http://bugs.jquery.com/ticket/8099" rel="nofollow">http://bugs.jquery.com/ticket/8099</a></p>
