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

Reply via email to