no, si le quitas el id=derecha, cuando llames a la funcion, ésta no va a saber a quien le tiene que cambiar el fondo.
fijate, lo modifiqé para hacerlo de otra forma:
Cita: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Dev-PHP 2.0.12" /> <title>Untitled Page</title> <style type="text/css" media="screen"><!-- #ancla { height: 320px; width: 300px; margin: auto; border: 1px solid black} #titulo { height: 20px; width: 300px; border-bottom: 1px solid black; text-align: center; line-height: 17px; font-family: Verdana; font-size: 12px; font-weight: bold;} .contiene {width:300px; height:300px } .izquierda {width:150px; height:300px; float:left;} .derecha {width:149px; height:300px; float:right; border-left: 1px solid black; background-image: url(Images/mapa-argentina/mapa.gif);} .provincias { height: 16px; width: 150px; border-bottom: 1px dotted black; text-indent: 2px; font-family: Trebuchet MS; overflow: hidden; font-size: 13px} .provincias2 { height: 16px; width: 150px; text-indent: 2px; font-family: Trebuchet MS; } --></style> <script language="JavaScript"> function cambiar_fondo(id_capa,imagen){ document.getElementById(id_capa).style.background= "url(images/mapa-argentina/"+imagen+".gif)"; } </script> </head> <body> <div id="ancla"> <div id="titulo">Selecciona tu provincia:</div> <div class="contiene"> <div class="izquierda"> <div class="provincias">Capital Federal</div> <div class="provincias"><a href="#" onMouseOver="cambiar_fondo('derecha','buenos-aires')" onMouseOut="cambiar_fondo('derecha','mapa')">Bueno s Aires</a></div> <div class="provincias">Cordoba</div> <div class="provincias">Santa Fe</div> <div class="provincias">Mendoza</div> <div class="provincias">Corrientes</div> <div class="provincias">Misiones</div> <div class="provincias">Entre Rios</div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias"></div> <div class="provincias2"></div> </div> <div id="derecha" class="derecha"></div> </div> </div> </body> </html>
tanto el ONMOUSEOVER como el ONMOUSEOUT laman a la misma funcion, donde el primer parametro debe ser el id de la capa (en este caso DERECHA) y el segundo parametro es la imagen de fondo (que para buenos aires sería buenos-aires, (sin el .gif o el .jpg)).
probado en ie, firefox y opera.