title: Mouseup bug in all browsers except Firefox?
body: <p>Mouseup doesn't fire on scroll bar for elements dynamically added (except Firefox):</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#dBox {
      height: 100px;
      width: 230px;
      overflow - y: auto;
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <p><code>&lt;input type="text" id="s"&gt;</code></p>
  
  <p><strong>JQuery:</strong></p>
  
  <pre><code>$(function() {
      $('#s').focus(function() {
          var $dbox = $('&lt;ul id="dBox"&gt;&lt;/ul&gt;');
          for (i = 0; i &lt; 10; i++) $dbox.append('&lt;li&gt;' + i + '&lt;/li&gt;');
          $(this).after($dbox);
          $dbox.bind("mouseup", function() {
              alert('in: ');
              //console.log ('in: ');  
          });
      });
  });
  // OR LIKE THIS
  $('#s').focus(function() {
      var $dbox = $('&lt;ul id="dBox"&gt;&lt;/ul&gt;');
      for (i = 0; i &lt; 10; i++) $dbox.append('&lt;li&gt;' + i + '&lt;/li&gt;');
      $(this).after($dbox);
  
  });
  $('#dBox').live("mouseup", function() {
      alert('in: ');
      //console.log ('in: ');  
  });
  </code></pre>
  
  <p>If you click anywhere on the <code>ul</code> will fire BUT not on scroll bar. The same problem exists in all browsers except Firefox.</p>
  
  <p>If you replace 'mouseup' with 'mousedown' will fire on scroll bar also, in all browsers.  </p>
  
  <p>After few more tests it seems that it doesn't make a difference if the 'ul' it's added dinamically or not, the mouseup just doesn't seem to recognize the scrollbar as part of 'ul' (except FF).  </p>
  
  <p>And the same problem if you replace 'ul' with 'div' and 'li' with 'p'.<br>
  <code>&lt;div id="dBox" class="" &gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;2&lt;/p&gt;&lt;p&gt;3&lt;/p&gt;&lt;p&gt;4&lt;/p&gt;&lt;p&gt;5&lt;/p&gt;&lt;p&gt;6&lt;/p&gt;&lt;p&gt;7&lt;/p&gt;&lt;p&gt;8&lt;/p&gt;&lt;p&gt;9&lt;/p&gt;&lt;/div&gt;</code> </p>
  
  <p><code>$('#dBox').mouseup(function () {alert ('in: ');});</code> </p>