html - CSS Selectbox 位置絶対バグ IE10 + W8

Question

IE10 で選択ボックスの摩耗エラーが発生しました。選択すると、ページの上部に反転し、点滅します。この問題は、IE10 と「新しい」選択ボックスでのみ発生します。古い選択ボックスを強制して表示することは可能ですか?

CSS: position: fixed; に行くようです。上: 0px; そんな感じ。クリーンアップされたコードといくつかのスクリーンショットを次に示します。

スクリーンショットへのリンク

CSS:

.div{
    border: 1px solid @BorderColor1; 
    margin: 0px 4px 0px 4px;
    padding: 10px 0px 10px 0px;
    position: relative;
}
 .popupselect{
    padding: 2px 0px 0px 4px; 
    width: 99px; 
    height: 37px;
    float:left; 
    background: @ButtonSprite;
    background-position: 0px -56px;
    position: absolute;
    bottom: 40px;
    left: 10px;
    display: none;
}

   .select{ width: 95px; }
   .div:hover .popupselect{display: block;} 

HTML:

<div class="div">
                <div class="popupselect">
                    <select class="select">
                        <option value="">Aantal: 93821</option>
                        <option value="">Aantal: 112430</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 999</option>
                    </select>
                </div>
           </div>

編集：ディスプレイ：なし。表示する: ブロック; IE10では動作しません。修正ですが、最も完璧なものではありません:

<script>
   if (navigator.userAgent.indexOf("MSIE 10.0") !== -1)
      {document.documentElement.className += "ie10";}
</script>
.ie10 .popupselect{display:block;}

この場合、選択ボックスは常に IE10+ で表示され、他のすべてのブラウザーでは非表示になります。現在、このサイトはすべてのブラウザーで同じように動作するわけではなく、これが解決策とは思えません。