title: Fixed position misbehaviour in IE11
body: <p>I am experiencing elements position misbehaviour into my page, in IE(11) only; live link <a href="http://www.neuegrid.com/typography/" rel="noreferrer">here</a>. The logotext, the menu and the left sidebar text, remain in place doesn't move with the <code>wrapper</code> when the left slider is open (clicking on info+ button). I've read about <code>position: fixed</code> + <code>transition</code> in IE problems.</p>
  
  <p>I've tried to apply <code>position: expression(fixed);</code> to the <code>header</code> but something went wrong and the <code>wrapper</code> receive a brake-movement at open/closing slider. (The sidebar didn't work with <code>position: expression(fixed);</code>)</p>
  
  <p>Also I've tried to tweak the <code>css</code> modifying the element position values in <code>static/ absolute</code> but without succees.Tests are made in full screen, the theme is not for mobile screens.Any thoughts?</p>
  
  <p><a href="https://imgur.com/w5LunT0" rel="noreferrer"><img src="https://i.imgur.com/w5LunT0.jpg" title="source: imgur.com" /></a></p>
  
  <p><strike>
  LE: I've found a possible solution that works with the slider in IE11: </p>
  
  <pre><code>.header {
    position: absolute;
  }
  
  .bar-side {
    position: absolute;
  }
  </code></pre>
  
  <p></strike></p>
  
  <p>Will work with the slider but also will move on vertical scroll.If I ca fix that somehow, could be a solution.</p>