title: CSS HasLayout IE7 Bug
body: <p>First off, I've read the following articles, just to brush up on the issues and I've dealt with them before:</p>
  
  <p><a href="http://css-discuss.incutio.com/wiki/IE7#position:_relative_.2F_absolute_.2F_fixed" rel="nofollow">Position Relative / Absolute / Fixed in IE</a></p>
  
  <p><a href="http://www.brunildo.org/test/IE_raf3.html" rel="nofollow">http://www.brunildo.org/test/IE_raf3.html</a></p>
  
  <p><a href="http://www.satzansatz.de/cssd/onhavinglayout.html" rel="nofollow">http://www.satzansatz.de/cssd/onhavinglayout.html</a></p>
  
  <p>For some people with these problems might be new and the above will help, however in my case, I have the following in All non-IE browsers:</p>
  
  <p><a href="http://cl.ly/4n6F" rel="nofollow">http://cl.ly/4n6F</a> [image]</p>
  
  <p>And the following in IE7</p>
  
  <p><a href="http://cl.ly/4nYm" rel="nofollow">http://cl.ly/4nYm</a> [image]</p>
  
  <p>I understand that I need to trigger <code>hasLayout = true</code> on the large brown <code>&lt;div id="footer"&gt;</code> because it is <code>position: relative</code> which is triggering <code>hasLayout = false</code> in IE7.  I've tried <code>zoom: 1</code>, and <code>display: inline-block</code> in attempt to trigger hasLayout on <code>#footer</code> but no success.</p>
  
  <p><strong>Here is the site live for your viewing pleasure:</strong> <a href="http://hannahnour.co" rel="nofollow">http://hannahnour.co</a></p>
  
  <p>The cause of the disappearing div is that hasLayout is currently <code>false</code> on <code>#footer</code>.</p>
  
  <p>How can I trigger it?!</p>