I created an image map with several hot spots using DW CS4 on the Mac OSX Mt. Lion. Uploaded and tested remotely with Google Chrome Browser and it works fine. Then tried the same URL in IE under Windows 7, and found errors.
In place of the title content as intended, IE painted the first "Alt" property in the first three areas, repeated this once over a building to the northwest of "8", where there is not yet a map at all, and again over another building South of "8", where there is no title as yet.
What's going on? Is IE or Chrome more strict in enforcing html compliance? How can I tighten-up the syntax so that all browser renditions will behave properly? What is the best browser for testing, to ensure that this code will give correct behavior in all browsers?
Here is the link, again, in case of need: http://clubsidereserve.org/Renovation/PaverProject.html.
The code in question is here:
<map name="Bg10">
<area shape="rect" coords="573,140,631,186" href="#" alt="B10" title="Bldg 10 S 08-01 ETC 08-03" alt="Bldg10">
<area shape="rect" coords="478,147,518,185" href="#" alt="B09" title="Bldg 09 ESD 08-04 ETC 08-06" alt="Bg9">
<area shape="rect" coords="406,126,451,169" href="#" alt="B08" title="Bldg 08 ESD 08-07 ETC 08-08" alt="Bg8">
<area shape="rect" coords="383,190,425,227" href="#">
</map>
Any ideas? Thanks in advance.
