Developing a site for a client, temporarily hosted at this address:
Home page imagemap uses a table of 4 images (animated GIFs in this case) which ideally should have nil space between cells. Have followed many other questions on this topic, tried all of the suggested fixes but still can not get the four pieces to butt together.
Safari on Mac displays a neat, thin, equal space between cells, Firefox displays a huge vertical gap and a narrow horizontal gap, IE8 on Windows displays NO vertical gap but a narrow horizontal gap. Have overrides coded
!important; in the child theme to remove image shadows and padding etc in the table but nothing works. Would use CSS with DIVs rather than table but how do you get two cells side by side with CSS?
Any help would be appreciated, this is driving me crazy!