.comment .avatar {
clear: both;
min-width: 70px;
border: 1px solid #ccc;
border-radius: 3px;
}
.comment .icon:before {
content: '';
background: url(/site/img/icon-avatar.png) no-repeat; /* подставьте сюда адрес своего спрайта */
background-position: 65px 65px; /* здесь нужно указать координаты иконки по умолчанию */
margin: 0 3px;
left: 0;
top: 3px; /* это свойство смещает иконку вниз относительно базовой линии текста */
position: relative;
width: 65px;
height: 65px;
display: inline;
display: inline-block;
}
.comment .icon-1:before { background-position: 3px 0; overflow: hidden;}
.comment .icon-2:before { background-position: 3px -60px; overflow: hidden;}
.comment .icon-3:before { background-position: 3px -123px; overflow: hidden;}
.comment .icon-4:before { background-position: -70px 0; overflow: hidden;}
.comment .icon-5:before { background-position: -65px -60px; overflow: hidden;}
.comment .icon-6:before { background-position: -65px -123px; overflow: hidden;}
.comment .icon-7:before { background-position: -123px 0; overflow: hidden;}
.comment .icon-8:before { background-position: -125px -60px; overflow: hidden;}
.comment .icon-9:before { background-position: -125px -123px; overflow: hidden;}
my_form=document.createElement('FORM');
my_form.name = 'delete';
my_form.method='DELETE';
my_form.action= this.value;
my_form.submit();
<button>
и все вынес в javascript. Я вот думаю еще и button заменить на какой-нибудь <li>