title: jQuery Mouse Events & Slider Issue
body: <p><a href="http://jsfiddle.net/41sko2db/13/" rel="nofollow">http://jsfiddle.net/41sko2db/13/</a></p>
  
  <p>I've create the above Fiddle to show the issue.</p>
  
  <p>You will see you can click on the "Please Select" and it shows the drop down.</p>
  
  <p>If you click outside the drop down and top menu it hides it (which is the affect I want) - eg: user losses interest and clicks so where else and the menu disappears.</p>
  
  <p>However if you use the slider on the right (CSS overflow: auto;) it also hides it - which I don't want as people can't choose from all the options below.</p>
  
  <p>Any idea what I need to add to allow the right slider to work, remain and allow other options to be seen?</p>
  
  <p>Jquery Below:</p>
  
  <pre><code>$(document).mouseup(function (e) {
      e.stopPropagation()
  
          var mouseOverJoinSearchCountryDropDownDialog = false;
      var mouseOverJoinSearchCountrySelectTextDropDownDialog = false;
      var mouseOverJoinSearchCountrylistDialog = false;
      var mouseOverJoinSearchCountryTextDialog = false;
      $('#joinCountrySelectIMG').mouseover(function() {mouseOverJoinSearchCountryDropDownDialog = true;}).mouseout(function() {mouseOverJoinSearchCountryDropDownDialog = false;});
      $('#joinCountrySelectTextSPAN').mouseover(function() {mouseOverJoinSearchCountrySelectTextDropDownDialog = true;}).mouseout(function() {mouseOverJoinSearchCountrySelectTextDropDownDialog = false;});
      $('#joinSearchCountryListContainerDIV').mouseover(function() {mouseOverJoinSearchCountrylistDialog = true;}).mouseout(function() {mouseOverJoinSearchCountrylistDialog = false;});
      $('.joinSearchCountryDropdownSelectedSPAN').mouseover(function() {mouseOverJoinSearchCountryTextDialog = true;}).mouseout(function() {mouseOverJoinSearchCountryTextDialog = false;});
      if($('#joinSearchCountryListContainerDIV').is(':visible') &amp;&amp; !mouseOverJoinSearchCountryDropDownDialog &amp;&amp; !mouseOverJoinSearchCountrylistDialog &amp;&amp; !mouseOverJoinSearchCountryTextDialog &amp;&amp; !mouseOverJoinSearchCountrySelectTextDropDownDialog) {
          //alert('trigger check');
          $('#joinSearchCountryListContainerDIV').hide();
      }
  
  });   
  </code></pre>