title: Strange button behavior in safari/opera
body: <p>The <code>&lt;button&gt;</code> tag appears to have strange behavior in Safari and Opera (but not Firefox). If the button contains text, then we have the following cases:</p>
  
  <ul>
  <li><p>if you click your mouse then release without moving the mouse, <strong>onClick occurs</strong>.</p></li>
  <li><p>push down on mouse button on non-text area of button, drag mouse to other non-text area of button, release, <strong>onClick occurs</strong>.</p></li>
  <li><p>push down on mouse button on text area of button, drag mouse to other text area of button, release, <strong>onClick occurs</strong>.</p></li>
  </ul>
  
  <p>However, bizarrely:</p>
  
  <ul>
  <li><p>push down on mouse button on text area of button, drag mouse to non-text area of button, release, <strong>onClick does not occur</strong>.</p></li>
  <li><p>push down on mouse button on non-text area of button, drag mouse to text area of button, release, <strong>onClick does not occur</strong>.</p></li>
  </ul>
  
  <p>This is strange behavior. Most of the time it is not noticed, but if you press a button quickly your mouse can move while you are clicking. This means it looks like you clicked the button, but it doesn't activate.</p>
  
  <p>Is this a known problem? I presume it is because the text isn't part of the button itself, just a child element? Is there a good way around it? <code>&lt;input type=button&gt;</code> doesn't have this behavior, presumably because the text isn't a separate html element from the button.</p>