javascript - IE 10、9で次の入力（html 5タグ）の上にオプション（html 5タグ）の位置を選択

Question

ドロップダウン選択があります->オプション "id="select_proptype" その値はjquery関数で動的に生成されます...他の選択があります--->オプションもありますが、動的選択位置は次の入力の上になります( html 5) タグ ... この動作は IE 10 と IE 9 のみです ....

これが私のコードです....

<div class="criteria_block">
    <span><label class="search_form_Label" for="proptype">Property Type</label></span>
    <span><select class="inputStyle_class" id="select_proptype" name="type" style="width:165px;"></select></span>
</div>

<div class="criteria_block">
    <span><label class="search_form_Label default_font" for="postcodes">Post Codes</label></span>
    <span><input class="inputStyle_class form_search_textbox" id="postcodes" style="width:160px;" name="postcodes" type="text" /></span>
</div>

HTMLで関数を呼び出してすべての値を取得しています...

     $(document).ready(function () {

          $(this).SearchForm();
     });

jquery プラグイン関数 ..........

  $.fn.SearchForm = function () {
       //process the code//
       //generate option values 
     for (var val in plugin_Global_Variables.F_property_Type) {
      $("#select_proptype").append('<option value="' + plugin_Global_Variables.F_property_Type[val] + '">' + plugin_Global_Variables.F_property_Type[val] + '</option>');
  }
}

css----------------

   .criteria_block {
        display:block;
        width:300px;
        height:40px;
        margin-top:10px;
        color:#4E4E4E;
        border:thin;
        border-color:grey;
    }

    .search_form_Label {
        display:inline-block;
        width:100px;
        font-weight:500;
        margin-left:10px;
        line-height:40px;
   }