How do I construct a button that is positioned over another button?
<p>I am working with a homebrewed grid in which each element is a button.  Templates are used  for the button styling and look something like this: </p>

<pre><code>&lt;div id='cellTemplate'&gt;
    &lt;p&gt;some content&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>As you can see above, the template is constructed with a containing div which is replicated for each cell.  Inside, can be anything, but in most cases, there is a 'p' tag with some text content. </p>

<p>What I'd like to do is construct a delete button, but the problem I am having is that clicking the delete button also fires the click handler on the containing div.  I would like to create a delete button that does not appear to fire the containing div's click handler.</p>

<p>I've created the sample html, which so far, has not worked out.</p>

<pre><code>&lt;div id='cellTemplate'&gt;
    &lt;p&gt;some content&lt;/p&gt;
    &lt;div class='deleteButton'&gt;(X)&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Due to the construction of the framework, 'cellTemplate' will, by default, have a click handler assigned to it.</p>
