title: Select list does not work properly under IE
body: <p>Tested with IE 11.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div data-ng-app="testApp"&gt;
      &lt;div data-ng-controller="testCtrl"&gt;
          &lt;select id="filter" ng-model="messageViewModel.filter" ng-options="f.name for f in messageViewModel.filters"&gt;&lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var testApp = angular.module('testApp', []);
  
  testApp.controller('testCtrl', function ($scope) {
      $scope.messageViewModel = {};
      $scope.messageViewModel.filters = [{ id:1, name: "test1"}, { id:2, name: "test2"}, { id:3, name: "test3"}];
      $scope.messageViewModel.filter = $scope.messageViewModel.filters[0];
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/u69PT/28/" rel="nofollow">http://jsfiddle.net/u69PT/28/</a></p>
  
  <p>Steps: </p>
  
  <ol>
  <li>Select an option from the select list</li>
  <li>The option is selected. Then try to select another option.</li>
  </ol>
  
  <p>Result: the select list is opened "upwards".</p>
  
  <p>Any ideas ? I am not sure that it is related but I am using angularjs to populate the select list.</p>