title: HTML: stop Child elements from inheriting parent's [title] attribute
body: <p>The issue is that when I declare a title attribute for a 'wrapper' element, the a tool-tip shows up when the cursor falls inside the 'content' element as well. How do I prevent this(inheritance) from happening? </p>
  
  <pre><code>&lt;style&gt; 
    #content{ margin:25px;}
  &lt;/style&gt;
  
  &lt;div id='wrapper' title='example'&gt;
    &lt;div id='content'&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(I only want the tool-tip to show up <em>between</em> the edges of the 'content' and 'wrapper' elements, instead of in both)</p>