Richard, sorry for miss-understanding you.
However, thank you, thank you, thank you for pointing out my error!!!! I
changed that style to:
#content h1 + p, #content hr + p
and that fixed it!
oh my gosh.
mystery solved.
Joel
On 5/31/07, Richard D. Worth <[EMAIL PROTECTED]> wrote:
>
> 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
>
>
> >
>
