title: Styles form Angular Material not working on IE 11
body: <p>I created a website in Angular.js with Angular Material</p>
  
  <p>This is what my page looks like on Chrome, FF, MS Edge (the right look)
  <a href="https://i.stack.imgur.com/Yp2hf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Yp2hf.png" alt="enter image description here"></a></p>
  
  <p>And this is what it looks like on IE 11
  <a href="https://i.stack.imgur.com/sah9Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sah9Y.png" alt="enter image description here"></a></p>
  
  <p>This is the html (without styles, because they are too large for the question)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;/head&gt;
  
  &lt;body layout="column" layout-fill="" data-gr-c-s-loaded="true" class="layout-fill layout-column"&gt;
      &lt;!--[if lt IE 10]&gt;
   &lt;p class="browsehappy"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; to improve your experience.&lt;/p&gt;
   &lt;![endif]--&gt;
      &lt;!-- uiView: --&gt;
      &lt;md-content flex="" ui-view="" layout-fill="" class="layout-fill ng-scope flex"&gt;
          &lt;div layout="" class="application ng-scope layout-align-center-stretch layout-row" layout-align="center none"&gt;
              &lt;form name="application" layout="column" flex-xs="90" flex-gt-xs="60" flex-gt-md="40" class="ng-pristine layout-column flex-xs-90 flex-gt-xs-60 flex-gt-md-40 ng-valid-email ng-invalid ng-invalid-required"&gt;
                  &lt;md-content layout="column" class="layout-column"&gt;
                      &lt;h3&gt;Whatever&lt;/h3&gt;
                      &lt;md-radio-group flex="50" ng-model="vm.testGoal" ng-change="vm.setDefaultTestGoal()" class="ng-pristine ng-untouched ng-valid flex-50 ng-empty" role="radiogroup" tabindex="0" aria-invalid="false"&gt;
                          &lt;md-radio-button value="1" id="radio_2" role="radio" aria-checked="false" aria-label="Testy wstępne (50% konsumenci JMP, 25% konsumeci marek własnych innych sieci, 25% konsumeci produktów brandowych)"&gt;
                              &lt;div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""&gt;
                                  &lt;div class="md-off"&gt;&lt;/div&gt;
                                  &lt;div class="md-on"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div ng-transclude="" class="md-label"&gt;
                                  &lt;p class="ng-scope"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/md-radio-button&gt;
                          &lt;md-radio-button value="2" id="radio_3" role="radio" aria-checked="false" aria-label="Reformulacja (100% konsumenci JMP)"&gt;
                              &lt;div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""&gt;
                                  &lt;div class="md-off"&gt;&lt;/div&gt;
                                  &lt;div class="md-on"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div ng-transclude="" class="md-label"&gt;
                                  &lt;p class="ng-scope"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/md-radio-button&gt;
                          &lt;md-radio-button value="3" id="radio_4" role="radio" aria-checked="false" aria-label="Testy benchmarkingowe (1/3 konsumenci JMP, 1/3 konsumeci marek własnych innych sieci, 1/3 konsumeci produktów brandowych)"&gt;
                              &lt;div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""&gt;
                                  &lt;div class="md-off"&gt;&lt;/div&gt;
                                  &lt;div class="md-on"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div ng-transclude="" class="md-label"&gt;
                                  &lt;p class="ng-scope"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/md-radio-button&gt;
                          &lt;div layout="row" layout-align="start center" class="layout-align-start-center layout-row"&gt;
                              &lt;md-radio-button value="4" id="radio_5" role="radio" aria-checked="false" aria-label="Inne:"&gt;
                                  &lt;div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""&gt;
                                      &lt;div class="md-off"&gt;&lt;/div&gt;
                                      &lt;div class="md-on"&gt;&lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div ng-transclude="" class="md-label"&gt;
                                      &lt;p class="ng-scope"&gt;Other:&amp;nbsp;&lt;/p&gt;
                                  &lt;/div&gt;
                              &lt;/md-radio-button&gt;
                              &lt;md-input-container style="width: 100%; height: auto;" class=""&gt;
                                  &lt;textarea ng-model="vm.otherTestGoal" ng-change="vm.changeTestGoal()" class="ng-pristine ng-untouched ng-valid md-input ng-empty" id="input_6" rows="1" aria-invalid="false" style="height: 30px;"&gt;&lt;/textarea&gt;
                                  &lt;div class="md-errors-spacer"&gt;&lt;/div&gt;
                              &lt;/md-input-container&gt;
                          &lt;/div&gt;
                      &lt;/md-radio-group&gt;
                  &lt;/md-content&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/md-content&gt;
  &lt;/body&gt;
  &lt;div&gt;&lt;/div&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is a full jsfiddle with all styles:</p>
  
  <p><a href="https://jsfiddle.net/4e32xdxx/" rel="nofollow noreferrer">https://jsfiddle.net/4e32xdxx/</a></p>
  
  <p>How can I fix the looks of the app on IE?</p>