#div1 {
width:520px;
height:280px;
border:1px solid #000;
margin:100px auto 0;
position:relative;
overflow:hidden;
}
#ul1 {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
}
li {
list-style:none;
float:left;
}
img {
display:block;
width:520px;
height:280px;
}
#div1 p {
position:absolute;
text-align:center;
width:100%;
bottom:10px;
}
#div1 p span {
padding:2px 9px;
background:#ccc;
border-radius:50%;
margin-left:5px;
cursor:pointer;
}
#div1 p span.current {
background:#f90;
}