title: My website shows different content in Chrome and IE
body: <p>I created a website that a has image slider in the front page.
  you can see it here, <a href="http://www.ikuben.no/" rel="nofollow noreferrer">http://www.ikuben.no/</a>.</p>
  
  <p>In Chrome, it works fine<img src="https://i.stack.imgur.com/1iVuF.jpg" alt="enter image description here"></p>
  
  <p>In IE, I get this<img src="https://i.stack.imgur.com/1VeuB.jpg" alt="enter image description here"></p>
  
  <p>This is the CSS i use, </p>
  
  <pre><code>.flex-caption {
      width:50%; 
      padding:0; 
      overflow:hidden; 
      margin: 0; 
      position: absolute; 
      left:49%; 
      top:20%; 
      background:none; 
      color: #fff; 
      font-size: 15px; 
      line-height:20px; 
      font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif; 
      font-weight:normal;
  }
  .flex-caption span {
      font-size:30px; 
      line-height:30px; 
      font-weight:bold; 
      font-family:'helvetica_neuebold', Arial, Tahoma, sans-serif;
  }
  </code></pre>
  
  <p>I did test the website in 6 different browser's, Chrome, Opera, Firefox, Safari for Windows, SeaMonkey and IE. I only get this result in IE.</p>
  
  <p>Any ideas??
  Rui Martins</p>