JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/brandonaaron/bgiframe/master/jquery.bgiframe.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<input type="text" class="autocomplete" style="width:200px;" />
<br />
<select style="width:250px;">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

CSS

.ui-widget{
    font:12px sans-serif;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
*/
.ui-autocomplete {
    _height: 100px;
}

JavaScript

$('.autocomplete').autocomplete({
    source: ['a','aa','aaa','aaaa','aaaaa','b','bb']
});