Javascript and image slicing problem

I am messing around with some bells and whistles for my website and I am trying to add a map I have image sliced with PSP 7. Creating the original map was not a problem, but I am now trying to add a rollover and imagemap to several points, to enable links to other sites. But when I add the javascript to the html, it messes up the view of the map in IE 6 and Netscape 4.7. Netscape 7.1 shows it without any problem. The map is here. It can take a few seconds to load, I have not optimized the images very much yet.

Is there anything I can do to fix it, or is what I am trying not possible?

Thanks for any help.

It looks like it’s an issue with the whitespace in the document. The linefeeds and spaces inbetween the tags are rendering in the document, spacing the table cells apart. If I do a search and replace on the source HTML to put it all on one line then it works fine.

Try juggling the layout of the HTML to minimise white space inbetween the tags.

As Armilla said, there’s too much guff between the end of the IMG tag and the </TD> tag. If you group all your MAP tags together at the top of the page (the MAPs can be anywhere in the document - they don’t have to accompany the image tags) and make sure there’s no space or line-break between the image tag close and the close table tag, it should work.

Thanks. I knew it was something simple I wasn’t seeing.

Lok