ul#mappa
{
    margin: 10px;
    padding: 0;
    list-style: none;
    position: relative;
    width: 450px;
    height: 334px;
    background: url(notizie/mappa/mappa.png) no-repeat;
}

#mappa a span
{
    display:none; 
}

#A1 a:hover span, #A2 a:hover span, #A3 a:hover span, #B1 a:hover span, #B2 a:hover span, #B3 a:hover span
{
    display: block;
    background-color: white;
    padding: 2px;
    border: dotted 1px red;
}

ul#mappa li
{
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
}

li#A1
{
    left: 0px;
    top: 0px;
    width: 150px;
    height: 167px;
    border: solid 1px red;    
}

li#A2
{
    left: 150px;
    top: 0px;
    width: 150px;
    height: 167px;
    border: solid 1px red;
}

li#A3
{
    left: 300px;
    top: 0px;
    width: 150px;
    height: 167px;
    border: solid 1px red;
}

li#B1
{
    left: 0px;
    top: 167px;
    width: 150px;
    height: 167px;
    border: solid 1px red;    
}

li#B2
{
    left: 150px;
    top: 167px;
    width: 150px;
    height: 167px;
    border: solid 1px red;    
}

li#B3
{
    left: 300px;
    top: 167px;
    width: 150px;
    height: 167px;
    border: solid 1px red;    
}


li#A1 a, li#A2 a, li#A3 a, li#B1 a, li#B2 a, li#B3 a
{
    display: block;
    width: 100%;
    height: 100%;
    background-color: Transparent;
}

li#A1:hover, li#A2:hover, li#A3:hover, li#B1:hover, li#B2:hover, li#B3:hover
{
    width: 150px;
    height: 167px;
    margin: 0;
    padding: 0;
    z-index: 51;
    background-color: transparent;
    background-image: url(images/hover.png);
}