Large gaps in HTML tables

Hi guys,

I have created a menu made up of images with rollovers: http://expertrpo.com/groups-test-rollover/. There’s probably a better way of doing this but I’m not sure how (suggestions are very welcome)

I’ve used the plugin Hover Image to create the rollover effect, but unfortunately this bumps any other images onto the next line.

I’ve therefore created a table and placed the various images within this (which worked fine when I did it in Dreamweaver), but when I do it in WordPress, there is a big gap between the cells, almost as if there is padding/spacing applied.

Can anyone tell me how to fix this? If it involves CSS, please tell me where to place it in the Editor as I’m still relatively new to this.

Many thanks

Oli

Please be specific! the given url is going to 404.Give real url so that we can try on it.