Borda estranha na 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 uma forma ou de outra sempre que tento criar um IMG como esse, uma borda estranha aparece. Mesmo se eu colocasse a borda: 0px; ou borda: nenhuma; no css img.logo a fronteira permanece.