Hola amigos, es la primera vez que recurro a vosotros por si me podéis ayudar en lo siguiente:
Estoy diseñando una WEB con bordes redondeados y sombra.
Para conseguir compatibilidad CSS entre navegadores (IE concretamente) utilizo unos script de PIE (PIE.htc y PIE.js), que los podéis encontrar en (http://css3pie.com), con estupendos resultados, peeeero, con un grave problema.
Los LINKS DENTRO del Div donde se aplica el script NO FUNCIONAN.
Aceptan correctamente el estilo que defines en CSS, pero PIERDEN EL VINCULO. Es decir, los trata como texto, no como un enlace.
Os adjunto un ejemplo muy simple de lo que pasa:

-----------------------------------------------------------

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="PIE.js"></script>

<title>Redondeando</title>

<style type="text/css">
*{margin:0; padding:0;}

BODY {
background:url(img/gradi1.jpeg) repeat-x top left #FFFFFF;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin :20px 0px 0px 0px;
text-align: center;}
#wrapper {
border: 1px solid #696;padding: 5px 0;text-align: center; width: 800px; margin:auto;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background:#F1B050;
behavior:url(PIE.htc);
z-index:-1;
position:relative;}
#contenedor{
text-align:center; width: 700px; height:100%; background-color:#FFFFCC;
padding : 5px 10px 5px 10px; margin: auto;color:#0033CC;}
#navegador{
margin:auto;
background-color:#99FFCC; width: 600px;
padding : 5px 10px 5px 10px;text-align:center;color:#FF0000;}
#navegador a {
font-size:24px;}
#enlaces {
padding : 20px; font-size:20px; color:#339966;}
</style>

</head>
<body>
<div id="wrapper">
<div id="contenedor">Hola</div>
<div id="navegador"><a href="#">Enlace que NO funciona</a></div>
</div>
<div id="enlaces"><a href="#">Enlace que funciona</a></div>
</body>
</html>

----------------------------------------

¿Qué estoy haciendo mal?
Si alguien se ha encontrado con el mismo problema y me pudiese orientar se lo agradecería enormemente.
Enhorabuena por vuestra estupenda página y saludos.
Pertenece a la categoría:

La mejor respuesta elegida por los usuarios

   
Respuesta de Nacho
Perdón, es la primera vez que envío un código y al parecer la página lo ha interpretado. A ver si así:

"<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="PIE.js"></script>

<title>Redondeando</title>

<style type="text/css">
*{margin:0; padding:0;}

BODY {
background:url(img/gradi1.jpeg) repeat-x top left #FFFFFF;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin :20px 0px 0px 0px;
text-align: center;}
#wrapper {
border: 1px solid #696;padding: 5px 0;text-align: center; width: 800px; margin:auto;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background:#F1B050;
behavior:url(PIE.htc);
z-index:-1;
position:relative;}
#contenedor {
text-align:center; width: 700px; height:100%; background-color:#FFFFCC;
padding : 5px 10px 5px 10px; margin: auto;color:#0033CC;}
#navegador {
margin:auto;
background-color:#99FFCC; width: 600px;
padding : 5px 10px 5px 10px;text-align:center;color:#FF0000;}
#navegador a {
font-size:24px;}
#enlaces {
padding : 20px; font-size:20px; color:#339966;}
</style>

</head>
<body>
<div id="wrapper">
<div id="contenedor">Hola</div>
<div id="navegador"><a href="#">Enlace que NO funciona</a></div>
</div>
<div id="enlaces"><a href="#">Enlace que funciona</a></div>
</body>
</html>"
Dinos si es buena respuesta: Buena respuesta (1)    Buena respuesta (0)