title: IE7 position absolute issue
body: <p>Hi I'm having problem with a site in IE 10 Compatibility View (and in IE7 view as well, they are the same problem). Originally I have a background div behind the sidebar called .info-bg, and it's suppose to hide behind the sidebar .info-area, using position: absolute. However, in IE7, it looks like the background is not hidden. The only way to get it to hide is using position: static, which leaves an empty spot.
  get the background to hide completely (like display none) is not an option because the right side loads more content as I scroll down. Which, without .info-bg just returns a blank space on the left. <a href="http://centilin.in" rel="nofollow noreferrer">Live Site Link</a></p>
  
  <p><img src="https://i.stack.imgur.com/p0j5E.png" alt="This is when I use position: absolute">
  <img src="https://i.stack.imgur.com/VdFdw.jpg" alt="This is when I use position: static"></p>