title: max-width not working for IE 11
body: <p>I´m very new designer and created my own WordPress theme and it works as expected on FireFox, Chrome and Opera. The problem arrives with InternetExplorer (i´m using Windows 7 with IE 11).</p>
  
  <p>Seems that InternetExplorer 11 don't understand the max-width CSS. I have this CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>.vi-container {
      margin: 0 auto;
      position: relative;
      width: 100%;
  }
  
  .vi-content {
      margin: 0 auto;
      max-width: 1200px;
      overflow: hidden;
  }
  </code></pre>
  
  
  
  <p>The HTMl code is something like:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="vi-container"&gt;
      &lt;header class="vi-header"&gt;Header stuff&lt;/header&gt;
      &lt;main class="vi-content" itemtype="http://schema.org/Blog" itemprop="mainContentOfPage" itemscope="" role="main"&gt;
          &lt;article class="post-content-wrap" itemtype="http://schema.org/BlogPosting" itemprop="blogPost" itemscope=""&gt;&lt;/article&gt;
          &lt;!-- more articles with contents --&gt;
          &lt;aside class="vi-sidebar" itemtype="http://schema.org/WPSideBar" itemscope="" role="complementary"&gt;&lt;/aside&gt;
      &lt;/main&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <p>The max-width 1200px is totaly ignored by InternetExplorer. You can see it in live loading my webpage in IE and other browser to compare. For example: <a href="http://www.vozidea.com/limpia-la-base-de-datos-wordpress-con-wp-sweep" rel="noreferrer">http://www.vozidea.com/limpia-la-base-de-datos-wordpress-con-wp-sweep</a></p>
  
  <p>And here an example JSfiddle: <a href="http://jsfiddle.net/z4s01yxz/" rel="noreferrer">http://jsfiddle.net/z4s01yxz/</a></p>
  
  <p>I found other articles into StackOverflow about max-width issues on IE, but couldn't achieve a fix bymyself, that's why i´m requesting help. Hope that someone can give me a hand with this, thanks in advance.</p>
  
  <p>The actual problem is that in InternetExplorer the webpage expands to fill all the width because max-width is ignored. You can check this image to see the difference: i.imgur.com/kGr8wk1.jpg</p>
  
  <p>P.S: Sorry for my bad english.</p>