Это HTML:
Code
<div id="ava"><img src="/image.png"><a href="/mymess.html">5</a></div>
Это CSS:
Code
#ava{display:block; width:85px; height:85px; position:relative}
#ava img{max-width:85px; max-height:85px; background:url(/noimage.png) center center no-repeat}
#ava a{display:block; height:22px; line-height:22px; min-width:16px; padding:0 3px; font-size:12px; font-weight:700; color:#000; text-align:center; background:#fafafa; position:absolute; right:-11px; top:-11px; border-radius:11px}
Вместо элемента <a> можно использовать <span> или еще что-нибудь. Тогда в CSS тоже не забудь исправить.
Да! при большом числе сообщений пользователя, когда цифра не станет помещаться в блок, он будет раздвигаться и становиться "овальным". Сдвигаться он будет во внутреннюю сторону блока информера. Можно сделать чтоб наружу, но будет не симпатично.
