title: angular material select options are displaying top of the page
body: <p>I am using angular material version 1.1.1 and angularjs version 1.5.5. But the selected options are displaying top of the page.</p>
  
  <pre><code>&lt;div layout="row" layout-align="space-between center"&gt;
         &lt;span&gt;What is your favorite weapon?&lt;/span&gt;
         &lt;md-select ng-model="weapon" placeholder="Weapon" class="md-no-underline"&gt;
            &lt;md-option value="axe"&gt;Axe&lt;/md-option&gt;
            &lt;md-option value="sword"&gt;Sword&lt;/md-option&gt;
            &lt;md-option value="wand"&gt;Wand&lt;/md-option&gt;
            &lt;md-option value="pen"&gt;Pen?&lt;/md-option&gt;
         &lt;/md-select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there any fix for this issue?</p>
  
  <p>Please find the following screen shot: </p>
  
  <p><a href="https://i.stack.imgur.com/AtI1q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AtI1q.png" alt="enter image description here"></a></p>