Firefox/Internet Explorer spacing problems with CSS - HELP!

FF/IE/DW spacing

[fpb600]

I am building a new media site and am having a tricky problem with CSS spacing issues in browsers. I am working from Dreamweaver where all of my image elements look perfectly lined up however when I preview in IE they are shifted upward - they are also shifted when I preview in Firefox but by a slightly different amount. It might be worth noting that my menu elements at the top (Home Music Shows) all have no issues and line up perfectly, its just the items below them that don't cooperate. The index page along with all of my other pages (with the same issue) are here to take a look at, any help would be greatly appreciated: [decovo.com...]

Here is my .css document code outlining my spacing rules for all of the pages:

/* CSS Document */

a:link {
text-decoration: none ;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.nospacing { border:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }

[Setek]

Firstly, Dreamweaver never really rendered CSS terribly well - it's an editor, not a browser. The reason for the "shifted upwards" isn't really shifted upwards, it's Dreamweaver "shifting downwards". You have set your body's margin and padding to 0px, so anything should sit flush against the top edge. Dreamweaver (up to MX 2004, I'm fairly sure in Dreamweaver 8 this is fixed) does not recognise this and keeps the default margin/padding on the body, thus displaying differently.

Also, I'm not seeing a difference with the margin on the top of the page between IE and FF.

P.S.: I don't mean to be nitpicky, but is there a real need to have a table with one cell in it, containing everything? :)

P.P.S.: You're not allowed URIs of that nature - see the Forum Charter :) A moderator will be along shortly to remove it.