respondo a mi mismo, que ya he encontrado la solución.:)
la CSS seran asi (esto no tiene importancia ya que solo es diseño ).
.cabecera{
color:#000000;
background-image:url(imagenes/cabecera/background_linea_bajo.gif);
text-decoration:none;
height:27px;
cursor:pointer;
}
.menu{
height:27px;
padding-top:3px;
padding-right:8px;
padding-left:8px;
}
el script sera:
<script language="javascript" type="text/javascript">
var bandera = 0;
function cambiarBackground(identidicador){
// 0 quiere decir que pasara a hover y 1 q pasara a link
if (bandera==0){
var ruta = "imagenes/cabecera/background_linea_bajo_selec.gif";
var color="#FFFFFF";
bandera=1;
} else {
var ruta = "imagenes/cabecera/background_linea_bajo.gif";
var color="#000000";
bandera=0;
}
document.getElementById(identidicador).style.backg roundImage="url("+ ruta +")";
document.getElementById(identidicador).style.color =color;
}
</script>
y el HTML sera:
<a href="#" class="cabecera" onMouseOver="javascript
:cambiarBackground('menu1') ;" onMouseOut="javascript
:cambiarBackground('menu1'); "><div id="menu1" class="menu">anunciarse</div></a>
No se si sirve de algo pero a mi de mucho. Con esto se hace RELOVER con IE FF y espero, repito espero con otros. y pq no mac? a ver si me lo podeis probar please!!
Muchas gracias un saludo Segma, pa lo que querais y mas.