Originariamente inviato da Mich_
Supponendo di avere un codice HTML del tipo:
[img]...[/img]

Il CSS da usare per ottenere l'effetto in tutti i browser e`:
codice:
a img {
  display: block;
  border: 1px solid #000080;
  padding: 5px;
}
a:hover img {
  border: 1px solid orange;
}
Il problema con IE e` che non riconosce le pseudoclassi su tag diversi dai link.
IE6 non li riconosce mai; IE7 e IE8 dovrebbero riconoscerle se lavori in modalita` standard (in pratica con DTD XHTML 1.0 strict o successive), ma non le riconosce in modalita` quirks (retrocompatibile).
Funziona ma in IE7 non mi tiene il padding, come mai? E superabile il problema? Nessun problema con FF.