html - Dropdown field automatically closes after opening in IE11 -

i have dropdown has options in it.

<div class="control-group pull-left">     <label class=" help-inline"> notify staff        <input type="text" class="span1 min" name="somename"/>        <select id="duration-unit-outingmincutoff" name="duration-unit-outingmincutoff" class="span2">            <option value="minutes" selected="selected">minutes</option>            <option value="hours" selected="selected">hour(s)</option>            <option value="days" selected="selected">day(s)</option>        </select>        prior start time      </label> </div> 

when click on dropdown opens , closes on ie. open this in ie , can see issue talking about.

your use of <label> issue. inputs should not go inside labels. fiddle.

<div class="control-group pull-left"> <label class=" help-inline"> notify staff</label>     <input type="text" class="span1 min" name="group.outingmincutoff" />     <select id="duration-unit-outingmincutoff" name="duration-unit-outingmincutoff" class="span2">       <option value="minutes">         minutes       </option>       <option value="hours">         hour(s)       </option>       <option value="days">         day(s)       </option>     </select>     <label> prior start time</label> </div>