jquery - jqueryが選択した絶対位置との重複問題の処理

Question

私はいくつかのフォーム要素と選択されたjqueryで様式化された選択要素を表示している固定コンテナを持っています。問題は、コンテナの上に選択したドロップダウン領域を表示する必要があることです。これを設定する必要があります.chosen-container {position: absolute}が、固定領域がスクロールされたときに絶対に設定した後、選択した場所は固定されたままになりました。修正方法は？

CSS コード:

#fixed {
    border: 1px solid #000;
    width: 300px;
    height: 180px;
    overflow: auto;
}
.chosen-container {
    position: absolute;
}
.txt {
    display: block;
    margin: 10px 0;
}

html コード:

<div id="fixed">
    <input class="txt" type="text" value="" />
    <input class="txt" type="text" value="" />
    <input class="txt" type="text" value="" />
<select class="chos" style="width: 165px">
    <option value="1">Val 1</option>
    <option value="2">Val 2</option>
    <option value="3">Val 3</option>
    <option value="4">Val 4</option>
    <option value="5">Val 5</option>
    <option value="6">Val 6</option>
    <option value="7">Val 7</option>
</select>
    <input type="text" class="txt" value="" />
    <input type="text" class="txt" value="" />
    <input type="text" class="txt" value="" />
    <input type="text" class="txt" value="" />
</div>