<br><br><div class="gmail_quote">On Wed, Jun 4, 2008 at 8:43 AM, Philip Taylor &lt;<a href="mailto:excors%2Bwhatwg@gmail.com">excors+whatwg@gmail.com</a>&gt; wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div class="Ih2E3d">On 04/06/2008, Křištof Želechovski &lt;<a href="mailto:giecrilj@stegny.2a.pl">giecrilj@stegny.2a.pl</a>&gt; wrote:<br>
&gt; Regarding your page at the URL<br>
&gt; &nbsp;&lt;<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html" target="_blank">http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html</a><br>
&gt; &nbsp;#the-embed&gt;:<br>
</div>&gt; &nbsp;[...]<br>
<div class="Ih2E3d">&gt; &nbsp;Element headings (level 4) are invisible<br>
&gt; &nbsp;(obscured underneath the following content).<br>
<br>
</div>Seems to be an IE CSS bug like in<br>
<a href="http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A%20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20margin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%20class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E" target="_blank">http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A%20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20margin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%20class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E</a><br>

<br>
That case fails in IE7; it works in IE8 (and in recent versions of<br>
Firefox, Opera, Safari, Konqueror).<br>
<br>
I don&#39;t know if there&#39;s a &#39;proper&#39; way to fix this, but adding<br>
 &nbsp; h4 { position: relative; }<br>
into the page&#39;s CSS makes it work correctly in IE7, and doesn&#39;t affect<br>
any other browser.<br>
<font color="#888888"><br>
--<br>
Philip Taylor<br>
<a href="mailto:excors@gmail.com">excors@gmail.com</a><br>
</font></blockquote></div><br>If that fixes it, then it&#39;s almost certainly a hasLayout issue (that
is, an IE7 bug).&nbsp; Position:relative is a hasLayout trigger in IE7.&nbsp;
Generally speaking, an element&#39;s behavior when it has layout is the
correct behavior (or at least *more* correct).<br>
<br>~TJ<br>