title: Hosting a select list within a Twitter BootStrap nested dropdown (IE 9 Specific)
body: <p>I have a nested dropdown list created using the latest version of Twitter BootStrap. I need to have a select list containing many elements in the nested dropdown. I am able to get the nested dropdown working fine and the select option shows up no problem. Unfortunately in IE9 after clicking into the select list, moving the mouse over any item causes the dropdown to close. This problem does not manifest in other browsers. What's even more unlucky is that I <em>must</em> support IE7+ as part of this work. </p>
  
  <p>There is a jsfiddle of the error at: <a href="http://jsfiddle.net/GtbSE/2/" rel="nofollow">http://jsfiddle.net/GtbSE/2/</a></p>
  
  <p>Can anybody shed any light?</p>