Ok, such a vague subject, but I don't know how else to describe it! When I use this function in my site:
$(document).ready(function(){ /*$("h1").after("<hr class=\"thinDivider\" />");*/ $("h1").after("<span class=\"thinDivider\"></span"); }); it does weird things in IE. Like, when you move your mouse onto the browser - it's like it add's padding or margin to the attribute that was just added. I've found that if I add a: <div>, <span> or <hr /> it does this weirdness. If I add a <p> it doesn't. Example: http://dd-management.com/dev/TC/dual-diagnosis.asp?sub=co-occurring-disorders