Internet Explorer 10 has changed the behavior of the drop-down lists ( <select>): when expanding the field, instead of placing the list of parameters below the field, the list overlaps the field, and the list is located so that the currently selected item is centered on the input field.
This is a little hard to describe, so here is the jsFiddle that shows it .
Our users find this behavior very confusing. Is there anything I can do in CSS to make the window the same as in IE9, and like any other main browser? (Perhaps something like -ms-clear pseudo-element , which hides the clear button in IE10 text input fields.)
Here is something like a screenshot:
