Странная граница (для меня!) На IMG

Question

у меня есть следующий код в HTML:

<div id="header">
    <div id="logo"></div>
        <div id="versione">
            <a class="ui-widget-content ui-corner-all countryVersion" href="blank.html">Versione italiana<img src="ita.png" /></a>                  
            <a class="ui-widget-content ui-corner-all countryVersion">Deutsche Version<img src="ger.png" /></a>
            <a class="ui-widget-content ui-corner-all countryVersion">English version<img src="eng.png" /></a>
        </div>
    </div>
</div>

и следующий CSS:

.countryVersion:first-letter { font-weight : bold; font-size:1.2em;}

.countryVersion{
float:right;
margin : 1px 3px 0;
padding: 4px;
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
font-size:0.9em;
text-decoration : none;

}

.countryVersion img {
float : right;
margin : 1px 3px 0;

}

и, кажется, все в порядке, но у меня есть своего рода тревожная "белая рамка" вокруг изображения. Я не знаю почему, но я думаю, что это связано с якорем, даже если я не уверен.

Помогите мне, пожалуйста

Alessandro

Answer 1

Попробуйте это css:

a img{
  border:none;
}

Answer 2

Как указал Сарфраз, попробуйте установить границу изображения. Я не думаю, что вам понадобится другая запись в вашем CSS, как он сделал, вы сможете добавить ее в существующий тег:

 .countryVersion img {
    float : right;
    margin : 1px 3px 0;
    border: none;

}