On 5/31/07, Joel Taylor <[EMAIL PROTECTED]> wrote:
On 5/30/07, Richard D. Worth < [EMAIL PROTECTED]> wrote:
>
>
> I think I found a minimal test case for you. It's just IE, CSS, and DOM
> (no jQuery bug):
>
> ...
>
> Talk about weird. Removing either the <!DOCTYPE> or the :hover{} seems
> to fix it. Looks like a strange IE bug.
>
> Ok, I tried both of those, and neither of them fixed the issue in IE7 (I
didnt even check IE6)
I'm using IE7 also. Those two things that I mentioned aren't fixes for your
problem, they're just two things that make this minimal test case no longer
a valid case for this IE bug (the bug being that the specified CSS doesn't
update until you hover your mouse).
The browser is doing what you have told it to do (albeit at a slightly
off/late time, due to the bug). The css rule in ie7-styles.css says:
#content H1 + P { MARGIN-TOP: -10px }
When you insert a non-P just after that H1 (after the H1 and before the P)
that P will no longer have a -10px top margin. That should happen as soon as
you add the non-P element. In IE, it seems to be happening as soon as you
hover your mouse on the document. I would guess your fix is change this
rule, or add a similar one for your non-P element.
- Richard
