title: A peekaboo bug in Internet Explorer 9?
body: <p>Okay, I'm baffled.</p>
  
  <p>IE9 is displaying inconsistent page width issues on some but not all pages of a site under development.</p>
  
  <p>In IE9: Going to <a href="http://sistercarmen.org/cms/" rel="nofollow">http://sistercarmen.org/cms/</a> you can see what looks ROUGHLY like the right page. Actually the page is slightly too wide, and that is certainly a problem. But nothing like what's happening on the <a href="http://sistercarmen.org/cms/about/" rel="nofollow">About</a> page or the <a href="http://sistercarmen.org/cms/about/history/" rel="nofollow">History</a> page.</p>
  
  <p>On those pages, the page gets very wide indeed. BUT, if you mouse over a link in the right column (likely need to horizontally scroll to see one) the page snaps back to the correct size.</p>
  
  <p>Building a <a href="http://jsfiddle.net/mKDNn/" rel="nofollow">simplified test page @ jsFiddle</a>, I could confirm that this seems to be related to <code>display: table</code> but that is important to me so I can serve up the Nav later in the source code. An <a href="http://jeremycarlson.com/test/beforecaption3.html" rel="nofollow">even simpler test page</a> shows that <code>display:table</code> generally works for IE9.</p>
  
  <p>So ... <strong>Is this a hasLayout issue, and if so, how can I force hasLayout in IE9?</strong></p>
  
  <p>Thank you very much,</p>
  
  <p>Jeremy</p>