title: select2 too long list without scroll makes wrong item selected
body: <p>I have select2 attached to select field. We have about 20-30 items to choose from. Items represented as long strings (2-3 lines in each). So we need to scroll to select items after 15th.</p>
  
  <p>So:</p>
  
  <ol>
  <li>We click on select2 to trigger dropdown.</li>
  <li>We scroll whole page to access one of the latter elements.</li>
  <li>We select 25th element for example.</li>
  <li>But select now has 17th element as its value. And this is totally wrong.</li>
  </ol>
  
  <p>I can't think about any workaround, but to make select2 fit in page height entirely. And only one solution is to make it scrollable, but this is ugly. So, is there any other solution ?</p>
  
  <p>I'm removing scroll from select2 results by this css</p>
  
  <pre><code>.select2-results {
    min-height: 50px;
    max-height: none;
    overflow-y: visible;
  }
  </code></pre>
  
  <p>jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/s3mrq/10/" rel="nofollow">http://jsfiddle.net/s3mrq/10/</a></p>