Ok, I tried both of those, and neither of them fixed the issue in IE7 (I didnt even check IE6)
On 5/30/07, Richard D. Worth <[EMAIL PROTECTED]> wrote: > > On 5/25/07, Joel Taylor <[EMAIL PROTECTED]> wrote: > > > > I still need help with this one. > > See it here: > http://dd-management.com/dev/TC/treatment.asp?sub=addiction-treatment > > > > I think I found a minimal test case for you. It's just IE, CSS, and DOM > (no jQuery bug): > > <!DOCTYPE> > <HTML> > <HEAD> > <STYLE type=text/css> > /* layout.css */ > .input:hover{} > > /* ie7-styles.css */ > #content H1 + P { MARGIN-TOP: -10px } > </STYLE> > <SCRIPT src="scripts/jquery.js" type=text/javascript></SCRIPT> > <SCRIPT type=text/javascript> > $(document).ready(function(){ > $("h1").after("<hr class=\"thinDivider\" >"); > }); > </SCRIPT> > </HEAD> > <BODY> > > <DIV id="content">#content > <H1>H1</H1> > <P>P</P> > </DIV> > > </BODY> > </HTML> > > Talk about weird. Removing either the <!DOCTYPE> or the :hover{} seems to > fix it. Looks like a strange IE bug. > > - Richard D. Worth > > > > >