Даже работает по-разному...
<style type="text/css">
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
a {
display: block;
float: left;
}
div {
float: left;
cursor: pointer;
}
.c0 {
border: 4px solid #000000;
}
.c1 {
border: 4px solid green;
}
.c2 {
border: 4px solid red;
}
</style>
<div class='c0'>
<div class='c1'>
<div class='c2'>
<img src='http://javascript.ru/forum/images/smilies/smile.gif' />
</div>
</div>
</div>
<br />
<br />
<br />
<a href='http://javascript.ru/forum/xhtml-html-css/21321-ssylka-kartinka-trekhcvetnaya-ramka-ie.html' class='c0'>
<a href='http://javascript.ru/forum/xhtml-html-css/21321-ssylka-kartinka-trekhcvetnaya-ramka-ie.html' class='c1'>
<a href='http://javascript.ru/forum/xhtml-html-css/21321-ssylka-kartinka-trekhcvetnaya-ramka-ie.html' class='c2'>
<img src='http://javascript.ru/forum/images/smilies/smile.gif' />
</a>
</a>
</a>