Bueno.
El border azul y purpura son los que aparecen en todo link, para que no aparezca o para modificarlo debes darle el estilo que quieras a "a"
Para eliminar todo border producido por el enlace agrega a tu hoja de estilo esto:
Código CSS:
Ver originala img{
text-decoration: none; /*en caso de tener texto */
border:none;
}
a:visited img {text-decoration: none;}
a:hover img{ text-decoration: none;}
Si quieres que se vea siempre azul puedes agregar lo que te dijo Pitufoweb a lo que puse, o definir el color en esas lineas:
Código CSS:
Ver originala img{
border:thin solid #06C;
}
a:visited img {border:thin solid #06C;}
a:hover img{ border:thin solid #06C;}
En cuanto a:
Código CSS:
Ver original#home
{
position:absolute;
height:25px;
width:100px;
top:50;
left:75;
color:blue; /* esto hace referencia al color del texto */
Te lo aclaro porque no tienes texto en ese enlace sino una imagen
PD: revisa el html ya que tienes el <body> y luego <head>...</head>
Edito para mostrarte como debería ser el menú mediante el uso de listas y no div como tienes:
Código HTML:
Ver original <img src="imagenes/botones/home.jpg" width="100" height="25" alt="Home"> <img src="imagenes/botones/contacto.jpg" width="100" height="25" alt="Contacto"> <img src="imagenes/botones/cabanas.jpg" width="100" height="25" alt="Cabañas">
Tomalo como una colaboración, ya que se recomienda el uso de listas para el menu, y de paso no tienes que fijar la posicion de cada enlace. En este caso solo tienes tres, pero imagina que tuvieras muchos más.