DH Templates

How do I fix a CSS anamoly in Internet Explorer?

I have a site with a top menu and a line underneath it. In firefox it looks fine, but in IE, there is a few pixels of space between the two. I have a template file called template_ie.css which is supposed to fix idiosyncrasies like this, but it doesn't do this one. Is there a quick code fix that will lift up the line underneath, or get rid of the line? Thanks.

Public Comments

1. Unless you provide a link or actual code examples, it's hard to give specific advice, but here's some general tips. First off, make sure your page validates and is rendering in strict (rather than quirks) mode: http://validator.w3.org/ http://www.nickfitz.co.uk/2006/06/04/quirks-or-strict-a-quick-way-to-tell/ If everything looks OK there, the most common IE issues are usually related to the box model or the 'hasLayout' feature. Check your code to see if anything might be causing these: http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/ http://www.satzansatz.de/cssd/onhavinglayout.html If that doesn't sort it out, then there's a whole list of other stuff you can look at: http://css-discuss.incutio.com/?page=CssHack But at this point you may be better off posting a link to your page on one of the popular web design discussion boards or mailing lists and asking for help.