Borde extraño en la etiqueta IMG
HTML:
<html>
<body>
<header>
<img class="logo" />
</header>
</body>
</html>
CSS:
* {
margin:0px;
padding:0px;
border:none;
}
img.logo {
width:126px;
height:50px;
background-image:url('images/logo.png');
}
De una forma u otra cada vez que trato de diseñar un IMG como este aparece un borde extraño. Incluso si colocara borde: 0px; o borde: ninguno; en el img.logo css la frontera permanece.