Bueno, se me fue un poco de la cabeza este post...
Gracias
Mikmoro por tu aportación, los tiros iban por ahí, por el position:relative del contenido.
Y muchas gracias a ti también
furoya por esclarecerme el post. La solución, tal y como comentas en tu pasado mensaje de respuesta del post
http://www.forosdelweb.com/f53/funci...3/#post1391724 la vi aqui:
http://www.tripix.net/?p=36
Ahí se comenta:
Cita: Los elementos activos contenidos en la capa filter deben tener definido explícitamente el atributo position a absolute o relativo.
Así que le puse position:relative a todos los enlaces, y funcionan, pero el cursor encima del texto no cambia, sigue siendo la flecha; así que me decidí por darle position:relative a todos los elementos de dentro de #divPrincipal, que sí que puedo hacerlo:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" />
<meta name="Author" content="derkeNuke" />
<title>Página nueva</title>
<style type="text/css">
body {
background-image: url(http://images.inmagine.com/48nwm/imagemore/m122980/m122980020.jpg);
background-repeat: repeat;
}
#divPrincipal {
background-image: url(http://img185.imageshack.us/img185/5847/azulry7.png);
background-repeat: repeat;
}
</style>
<!--[if gte IE 5.0000]>
<style type="text/css">
#divPrincipal {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img185.imageshack.us/img185/5847/azulry7.png', sizingMethod='scale');
height: 1px;
}
#divPrincipal * {
position: relative;
}
</style>
<![endif]-->
</head>
<body>
<div id="divPrincipal">
<h1>Título principal</h1>
<div id="cuerpo">
<p>El título de la lista</p>
<ul id="listaDrafts">
<li><a href="imagenes/bandera.jpg">foo</a></li>
<li><a href="imagenes/desarrollo-verde.jpg">bar</a></li>
<li><a href="imagenes/biblioteca.jpg">foobar</a></li>
<li><a href="imagenes/implicados.jpg">barfoo</a></li>
</ul>
</div>
</div>
</body>
</html>
Así no habría problemas, de momento... lo que hay que hacer para que IE trague...
Un saludo y gracias!
