I've been putting together a site trying to use CSS for the layout and especially making use of the a:hover to switch background images for a link.
The issue I am having is a compatibility issue between IE6 and Firefox. I've got a few links on the right hand side that are using background images to try and fill the cell and will eventually switch background images on the hover effect. IE6 seems to recognise the height of a cell and the link style and does not display any gaps between the images.
However Firefox seems to add an automatic gap/spacing between these links and I cannot find any way of getting rid of this gap. There should be no gap between links as you will see in IE6 but viewing in Firefox you will see a 1px gap around these links.
How do I remove this gap in Firefox?
The site is currently located here;
And the css here;
Any thoughts or comments would be appreciated.