CSS Issue in Firefox/IE

I'm working on a site's CSS and am running across an issue with the body margin section. If you look at this in Firefox and then IE, you can see the line isn't lined up right in Firefox, but it is in IE. (In the black header section).

Here is what I have for the body tag, It's something with the margin and I can't figure it out:

body {
    margin: -2px;
    padding: 0px;
    background: #E7E7E7 url(images/bg01.jpg) repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #888888;
}

Thank you for any responses!

Answers


You've placed the image with the text "Nickelson Associates" inside a table cell with a default padding which is 1px in MSIE. You need to force the td element in question to have a padding of 0.

That said, using tables for layout/positioning is considered bad practice.


Need Your Help

JavaScript accordion behavior when it won't expand - set an href?

javascript html accordion

I have a JavaScript accordion on this site that features within it, the primary functionality for the site. It is based off of this post.

Working with Eclipse DSF

eclipse debugging eclipse-plugin eclipse-cdt softune

I've been tasked with merging our debugger from softune with eclipse's debugger. i understand that the DSF is made exactly for this. however, there seems to be no instruction on how to actually use...