due volte padding come eliminarlo

[max103]

devo eliminare su [.icona a:hover img] il padding che si porta dietro da [a, a:link] come faccio?


imposto prima:

	a, a:link{
		padding:0 .2em; /*mi serve per far sbordare il background su hover*/
	}
	a:hover{
		background-color: #E2001A; /*background su hover*/
	}

fino a qui tutto ok,
poi più avanti:

	.icona {
		float:left;
		margin:1em 3.5em 0 0; 
	}
	.icona img{
		padding:.5em; /*bianco intorno alle img*/
	}
	.icona a img, .icona a:link img {
		border: 1px solid #CCCCCC; /*filo intorno a img*/
	}
	.icona a:hover img {
		border: 1px solid #E2001A; /*qui c'è il problema, oltre il filo da 1px E2001A mi aggiunge anche il padding di [a, a:link]*/
	}

html:

<div class="icona">[img]img/icona.jpg[/img]</div>

[fcaldera]

non hai specificato con quali browser hai l'errore e non hai postato il codice html

comunque, se l'errore si verifica solo con IE (ed è vicino all'elemento con classe .icona) allora

	.icona {
		float:left;
                display: inline;
		margin:1em 3.5em 0 0; 
	}

[max103]

ho provato con display:inline, ma non cambia niente,
provo a inviare una img:
la prima icona è giu, la seconda è hover con IE e la terza è hover con FF
io in realtà dovrei solo colorare il filo di rosso su hover (devo eliminare quel doppio bordo rosso)

il codice html è l'ultima riga del primo messaggio