here is the code, but when I load the image in IE9 (IE is always a problem for developers eh?) it doesn't register anymore than 8 sides to each polygon.. in chrome is works fine.. help?

HTML Code:
        <img src='mypics/tmp8bg.png' id='bg' usemap='#bgmap'/>
        <map name="bgmap">
            <area shape="poly" id="cell1" href="JavaScript:alert('shape1');" coords='72,74, 113,67, 198,41, 213,56, 264,45, 338,58, 344,74, 307,113,
                306,150, 270,178, 277,220, 225,251, 205,297, 196,300, 136,203, 103,203, 72,74' >
            <area shape='poly' id='cell2' href="JavaScript:alert('shape2');" coords='344,74, 365,82, 411,86, 423,102, 470,120, 482,190, 475,210, 463,214,
                433,335, 422,331, 338,369, 315,281 253,314, 205,298, 225,251, 277,220, 269,186, 306,149, 307,111, 344,74'>
            <area shape='poly' id='cell3' href="JavaScript:alert('shape3');" coords='411,86, 455,20, 526,71, 556,55, 600,64, 615,77, 629,75, 710,121,
                706,148, 662,203, 672,216, 672,216, 672,216, 692,308, 660,312, 597,276, 565,277, 554,240, 475,210, 482,190, 470,120, 423,102, 411,86'>