title: Autocomplete issue into bootstrap modal
body: <p>I have a display problem in the jQuery autocomplete inside a modal dialog bootstrap.</p>
  
  <p>When I mouse scroll, the results do not remain attached to the input.</p>
  
  <p>Is there a way to solve this?</p>
  
  <p>Here <a href="http://jsfiddle.net/lughino/TtxqG/">JsFiddle</a>:</p>
  
  <pre><code>.ui-autocomplete-input {
    border: none; 
    font-size: 14px;
    width: 300px;
    height: 24px;
    margin-bottom: 5px;
    padding-top: 2px;
    border: 1px solid #DDD !important;
    padding-top: 0px !important;
    z-index: 1511;
    position: relative;
  }
  </code></pre>
  
  <p><strong>EDIT</strong>
  I found the problem:</p>
  
  <pre><code>.ui-autocomplete {
    position: fixed;
    .....
  }
  </code></pre>
  
  <p>If the modal has scroll the issue remains!</p>
  
  <p>Here <a href="http://jsfiddle.net/lughino/TtxqG/1/">JsFiddle/1</a>.</p>