<!--[if IE 6]>
<style>
.png24 {
tmp:expression(setPng24(this));
}
</style>
<![endif]-->
<style>
.png24 {
    width: 20px;
    height: 20px;
    left:45px; top:5px; position: absolute;
}
</style>
<script>
function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng24\b/i,'');
    obj.style.filter =
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
    obj.src='';
    return '';
}
</script>


<ul class='ul_class'>
<li style="position: relative">
<img src='바탕이미지1' width=60 />
<img src='1.png' class='png24'  />
</li>
<li style="position: relative">
<img src='바탕이미지2' width=60 />
<img src='17.png' class='png24'  />
</li>
<li style="position: relative">
<img src='바탕이미지3' width=60 />
<img src='3.png' class='png24' />
</li>
</ul>

-----------------------------------------------------------------------

이런식으로 새글이나 여러용도로 쓰기 좋을 듯 합니다.




ps. 숫자 이미지는 png24 이며 만들다 귀찮아서 30까지만... ;