Hyperlinked images adding 2px padding in Fireworks? Help!

[cfmeyer1]

I have a free css template that I've tried to modify. All is good, except for the navigation menu; as soon as I hyperlink the images (or make them rollovers), they move up about 2px in Fireworks and leave a visual gap. In IE, they look perfect.

Here's the address:
http://www.varecyclers.com/mock/index2.html

The whole page was originally in CSS, but when this problem arose, I tried converting everything back to tables. No luck.

I would appreciate any advice anyone can give me as to how to fix this issue!

I'm using hotspots for the time being, but lose the rollovers if I do that.

Thanks!

 

[cmjvulavala]

If i was to suggest anything it would be to get rid of the JavaScript rollovers and get some more screenshots in other browsers (http://www.browsershots.org) If your website works in IE correctly but not Firefox then you should adjust the spacings etc to suit firefox then use an IE conditional stylesheet to adjust the spacing purely for IE. Just google conditional IE css and that should tell you how to do it

 

[prateekshaweb]

1. avoid tables....use div and css.....

2. try a better software like dreamweaver... it will help u to better design the page using html.

they have rollovers too