div linkeable falla en Chrome

[mithontime]

Buenas gente, en primer lugar felicitarles por el magnífico trabajo que hacen aquí. Estoy inmerso en el aprendizaje de diseño web y me sucede lo siguiente.

Tengo un div con background de imagen, y quiero hacerlo linkeable. Va perfecto en Mozilla y en IE, pero en Chrome no me reconoce el link y no se me cambia el cursor.

El div en el html es éste:

<div id="cristo"><a href="http://www.link.com" target="_new"><p></p></a></div>

y el id en el css es éste:

#cristo
{
background-image:url('imagen.jpg');
height:50px;
width:200px;
margin:0 0 0 10%;

}


No sé si hacen falta más datos, disculpen mi ignorancia. El div está dentro de un container, todo va perfectamente salvo ese detalle, y sólo se me ocurre, dado que sólo peta en Chrome, alguna incompatibilidad div/img/a en dicho navegador. En los otros dos la imagen se ve perfectamente, cambiar el cursos y al clickar se accede correctamente por nueva pestaña a la dirección indicada.

A ver si pueden ayudarme y gracias de antemano ^^

[IsaBelM]

lee este tema

[mithontime]

Muchas gracias, estaba mirándolo ahora pero estoy cansado, mañana lo miro mejor pero tiene buena pinta, y la página esa que has usado no la conocía. ¡Gracias!

Si a alguien se le ocurre otra cosa, que añada por si acaso.

¡Gracias! ^^

[mithontime]

Perdón por postear seguido.

Nada ha cambiado, sigue sin verse en Chrome, y sí se ve en IE y Mozilla. ¿A alguien le suena algún tipo de incompatibilidad entre Google Chrome e imágenes/divs/links?

Gracias, llevo días con ésto, voy a tener que hacerlo de otra forma :(

[alandres]

Hola! a ver prueba esto:

Código CSS:

background:url('../img/imagen_fondo.jpg');
 

Que lo acabo de hacer y me va en Firefox y chrome
Saludos y me comentas.

Edito: como vez, mi imagen esta en una carpeta llamada "img", mira bien tu ruta de tu imagen y has el llamado.

[mithontime]

Lo he probado y nada, pero gracias por al aporte.

Parece que me acerco. He probado a añadir display:block en el css en la parte de a:

a{

....
...
....
display:block;
}

Y ahora......¡tachán! me va perfecto en Google Chrome, pero en Mozilla e IE, aunque el cursor se pone como preparado para acceder al link, al pulsar no hace nada.

¿Sugerencias? Estoy cerquita ^^


Añadido: listo, la solución era añadir display:compact, y ahora va perfecto en los tres. ¡Muchas gracias a todos! ¡Ya pueden cerrar!