title: <main> element not working in Internet Explorer 11
body: <p>I'm trying to set the width of a <code>&lt;main&gt;</code> element with CSS. Just using</p>
  
  <pre><code>main {
    width:200px;
  }
  </code></pre>
  
  <p>works fine in all browsers except Internet Explorer (Edge does work).</p>
  
  <p>Take a look at this example: <a href="https://jsfiddle.net/1x9hbb4p/1/" rel="noreferrer">JSfiddle</a></p>
  
  <p>The result in IE11:</p>
  
  <p><a href="https://i.stack.imgur.com/YY3gn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YY3gn.png" alt="enter image description here"></a></p>
  
  <p>The result in Chrome:</p>
  
  <p><a href="https://i.stack.imgur.com/QIk9G.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QIk9G.png" alt="enter image description here"></a></p>