Cannot remove image borders inside a link in IE6

melamina
avatar
rank newbie

newbie


Posts: 5
Joined: 2008-05-15

Hi,
I really don't know how to remove the image borders in the link "contactarse" in the webpage I'm building (http://www.ambientarse.com.ar/).
It works properly in safari and firefox but not in IE6.
Another problem I have is the favicon gets displayed in safari and firefox but not in IE6.
shrug
If anyone can be of any help I'll be much obliged.
Many thanks
Jimmy

I leave the code below:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ambientarse</title>
<link rel="Shortcut Icon" href="images/favicon.ico">
<style type="text/css">

body {
margin : 0; padding : 0;
background:url(images/fondo.gif) repeat-x center;
font-family:Arial, Helvetica, sans-serif;
font-size:small;}

#tierra {
margin:0 auto;
background:url(images/logo.png) no-repeat;
position:absolute;
left: 50%;
top: 50%;
width:326px;
height:279px;
margin-top: -69.5px;
margin-left: -163px;
z-index:1000;
}

#tierra p{
position:relative;
left:143px;
top:112px;
width:183px;
text-align:right;
color:#e0e3e4;
font-size:80%;
}

#tierra a{
display:block;
position:relative;
left: 240px;
top:108px;
width:83px;
text-decoration:none;
color:#e0e3e4;
font-size:130%;
}

#tierra a img{
border:none;
}

img, #tierra, a { behavior: url(iepngfix.htc); }

</style>
</head>

<body>
<div id="tierra">
<p>Somos un grupo en plena formación, con el objetivo principal de desarrollar y promover el concepto de sustentabilidad tanto a nivel de la sociedad, como de la industria y las empresas, mediante la internalización del concepto de las 4Rs: Reducir, Reutilizar, Reciclar y Recuperar.</p>
<a href="mailto:contacto@ambientarse.com.ar"><img src="images/contactarse.png" height="16" width="83" /></a></div>
</body>
</html>