#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; }