title: css/html not working on internet explorer but working on chrome and safari
body: <p>Is there any reason why this wouldnt work on internet explorer, but it works on google chrome and safari</p>
  
  <pre><code>body,html {
      min-width:600px;
      height:100%;
      margin:0;
      padding:0;
      font-family:Calibri;
      overflow:hidden;
  }
  </code></pre>
  
  <p>here is a fiddle for my full code: <a href="http://jsfiddle.net/charliejsford/7a2uH/" rel="nofollow">http://jsfiddle.net/charliejsford/7a2uH/</a></p>
  
  <p>EDIT:
  it seems to only be this part that is not working on IE</p>
  
  <pre><code>&lt;header class="ex1"&gt;
          &lt;div class="header-left"&gt;&lt;img src="images/phone_icon.png" width="323" height="58" /&gt;&lt;/div&gt;
          &lt;div class="header-right"&gt;Shopping Basket&lt;/div&gt;
          &lt;div class="logo"&gt;&lt;img src="images/logo" width="409" height="138" /&gt;&lt;/div&gt;
      &lt;/header&gt;
  </code></pre>
  
  <p>and then the CSS:</p>
  
  <pre><code>header {
      width: 100%;
      min-width: 800px;
      height: 160px;
      overflow: auto;
  }
  .ex1 .header-left {
      display:inline-block;
      width: 33%;
      max-width: 190px;
      float: left;
      margin:50px 0 0 70px;
  }
  .ex1 .logo {
      width: 409px; /* width of the logo */
      margin:10px auto 0 auto;
  }
  .ex1 .logo img {
      display: block;
  }
  .ex1 .header-right {
      display:inline-block;
      width: 33%;
      max-width: 190px;
      float: right;
      margin:50px 70px 0 0;
  }
  </code></pre>