Estoy tratando de deshacerme del borde delgado que aparece para cada imagen en Chrome e IE9. Tengo este CSS:

outline: none;
border: none;

Usando jQuery, también agregué unborder=0 atributo en cada etiqueta de imagen. Pero el borde como se muestra en la imagen todavía aparece. ¿Alguna solución

body {
    font: 10px "segoe ui",Verdana,Arial,sans-serif, "Trebuchet MS", "Lucida Grande", Lucida, sans-serif;
}
img, a img {
    outline: none;
    border: none;
}
.icon {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: -48px -144px;
    background-image: url(theme/images/ui-icons_0078ae_256x240.png);
    margin-right: 2px;
    display: inline-block;
    position: relative;
    top: 3px;
}

<h1>Dashboard <img class="icon" border="0"></h1>

Ver captura de pantalla adjunta: