img in a mit border - Wie macht man's richtig?

[wahsaga]

hi,

Die Beispielseite: http://test.dralli.de/test.html

im oberen beispiel "fällt" das bild aus dem rahmen heraus, weil der rahmen zum <a> gehört.

:hover auf img anzuwenden, wie im unteren beispiel, kann der IE aber noch nicht - der beherrscht dieses pseudo-format bisher nur für links.

eine "lösung" wäre eine kombination aus beidem:
den rahmen für das bild definieren, und auf :hover am link reagieren.

<a href="blah.html"><img src="bilg.jpg alt="bildtitel"></a>

a img {
  border-width:4px;
  border-style:solid;
  margin: 0;
  padding: 4px;
}

a:link img {
  border-color:#09f;
}

a:hover img {
  border-color:#f60;
}
gruß,
wahsaga