CSS Issue in Firefox/IE

Question

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!

Answer 1

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.