title: Issue in IE 11 : Fixed background move up-down with scroll
body: <p>I have a fixed header on top of my webpage. It's looking good in chrome and any other browser except internet explorer.</p>
  
  <p>But when i tried to run web-page in IE 11, top header jerk up and down with scroll.</p>
  
  <p>This bug also posted on <strong><a href="https://connect.microsoft.com/IE/feedback/details/821953/ie10-ie11-fixed-background-images-move-when-touched-scrolled" rel="nofollow noreferrer">Internet Explorer Feedback</a></strong></p>
  
  <p><strong>For me this bug only seen, when page has horizontal scroll bar.</strong></p>
  
  <p>My CSS style for fixed top header: </p>
  
  <pre><code>.dashboard-fixed-top
   {
      background-color: #3b5999;         
      top: 0;
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1030;
      margin-bottom: 0;
      overflow: visible;        
      padding-top: 5px;
      height:32px; 
      max-height:32px; 
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/26JTq/4/" rel="nofollow noreferrer">Code in Jsfiddle</a> <strong>[In Fiddle It's working perfectly]</strong></p>
  
  <p>I did't get any appropriate solution to overcome of this problem.</p>
  
  <p>Would it be possible to fix this problem? </p>
  
  <p>Any help would be appreciated, bunch of Thanks in advance...!!! </p>
  
  <p>Following two screen-shots described my problem....</p>
  
  <p><img src="https://i.stack.imgur.com/su6Z5.png" alt="In this screen-shot my blue fixed header showing correctly"></p>
  
  <p><img src="https://i.stack.imgur.com/GBo5G.png" alt="After moving window scroll a bit lower my blue header look like this (i.e. move up and hide some part of header inside browser command bar) "></p>