div+css实现图片右上角hot、new等图标样式

div+css实现图片右上角hot、new等图标样式
方法：用DIV+CSS实现
CSS部分修改:
.hot_play{ position:relative;}
.hot_play ul{ float:left;}
.hot_play li{ float:left; position:relative; width:95px; margin:4px 19px 16px 0;overflow:hidden;}

.hot_play a img{ width:86px; height:120px; padding:2px; border:1px solid #cfcfcf;}
.hot_play a:hover img{ border-color:#8ECFF9;}
.hot_play span{display:block; width:35px; height:34px;position:absolute; left:0px; top:0px;}
.hot_play span.back{ background:url(images/hot.gif) no-repeat; }
主页部分修改:

•