Cursor not functioning correctly in IE11 select inputs

Question

Please see fiddle: http://jsfiddle.net/ajjp/b7M2H/

<div>
    <select>
       <option> Option 1 </option>
       <option> Option 2 </option>
       <option> Option 3 </option>
       <option> Option 4 </option>
       <option> Option 5 </option>
       <option> Option 6 </option>
       <option> Option 7 </option>
   </select>
</div>
<div>
   <input>
   </input>
</div>

In Internet Explorer 11 the cursor property changes when hovering over a select option that is over the input beneath. Hoping there is a simple CSS solution.

Answer 1

It's an IE bug that seems to persist in every version - z-index and absolute positioning will not work.

Since it doesn't cripple functionality I say let it be, however if you insist on fixing it your best bet is to use a JQuery dropdown alternative such as this one.