A div inside an inline element: bad or not?
<p>I am creating a JavaScript tooltip program and wonder if it's alright to add the tooltip box (that is, a div node) as a child of the target that may be a span node or some other inline element, so the dom is as follows:</p>

<p>out of this:</p>

<pre><code>&lt;span onmouseover="tooltip(this).display('A \"Hello World\" program is a computer program which prints out \"Hello World\" on a display device.');"&gt;Hello World!&lt;/span&gt;
</code></pre>

<p>turns into this when the tooltip has added the tip box:</p>

<pre><code>&lt;span onmouseover="tooltip(this).display('A \"Hello World\" program is a computer program which prints out \"Hello World\" on a display device.');"&gt;Hello World!&lt;div id="tooltip"&gt;A "Hello World" program is a computer program which prints out "Hello World" on a display device.&lt;/div&gt;&lt;/span&gt;
</code></pre>

<p>If the tip box is positioned relative to its parent it's easier to handle the mouseout event and others. So would it bad to insert a div inside an inline element in such case?</p>
