Problema al mapear un imagen.

[SierraRM]

Este es el codigo del mapeo:

Código:

<table id="plano1" bordercolor='red' border='0' background='img/planos/primera.jpg'>
            
            <tr>
                <td colspan='3'>
                    <center>
                    <img src='img/planos/primera.png' width='940' height='465' usemap="cuadro" onclick='escribir()'>
                    
                    <MAP NAME="cuadro">
                        <AREA SHAPE=POLY; COORDS="330,321,330,450,596,449,595,322,330,321" 
                              HREF="#"  ALT="101"
                              onmouseover="document.getElementById('plano1').className='uno';"
                              onmouseout="document.getElementById('plano1').className='inicio';">
                        
                        <AREA SHAPE=POLY; COORDS="326,452,5,451,4,324,272,323,270,363,327,365,326,452" 
                              HREF="#"  ALT="102"
                              onmouseover="document.getElementById('plano1').className='dos';"
                              onmouseout="document.getElementById('plano1').className='inicio';">
                        
                        
                    </MAP>
                    
                    
                    </center>
                </td>
            </tr>
                        
        </table>
    </center>

Os pongo solo dos, pero son todos iguales.

Este es el CSS:

table.uno
{
background: url(img/planos/primera101.jpg)
}
table.dos
{
background: url(img/planos/primera102.jpg)
}
table.tres
{
background: url(img/planos/primera103.jpg)
}


A ver si alguien me puede echar un cable.