Apagar luces

[Gothgauss]

Hola, como puedo hacer el efecto de apagar las luces de una web, pero haciendolo con mouseover.

El problema es que haciendolo del metodo tradicional da saltos.

Aqui el codigo html

Código:

.<area shape="poly"  id="uno" coords="90,0,140,93,144,133,75,176,0,54,90,0" href="#" alt="Alava llanada alavesa" />
2......
3.<div id="oculta"></div>
4.</body>
5.</html>

Jquery code:

Código:

$('#uno').mouseenter(function(e){
2.$('#oculta').css('display','block')
3.});
4.$('#uno').mouseleave(function(e){
5.$('#oculta').css('display','none')
6.});

[B]
CSS/B]

Código HTML:

#oculto{
2.display:none;
3.position:absolute;
4.background:#000;
5.width:100%;
6.height:100%;
7.z-index:2;
8.display:none; 
9. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
10.    filter: alpha(opacity=45);
11.    -khtml-opacity: 0.45;
12.    -moz-opacity: 0.45;
13.    opacity: 0.45;
14.}

y una muestra de uqe da como pantallazos

http://kalearte.com/nuevas/es/vg/ala...a-alavesa.html

[Gothgauss]

alguna idea?