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 > > > > >