http://ui.daum.net/ftdev/guideline/list
여기있는 첫번째 적용할려고하거든여..

---------------------------------------
<div class="dotListArea">
<h3><a href="#" title="리스트 제목">리스트 제목</a></h3>
<ul>
<li><a href="#">쿤타 앤 뉴올리언스 - 비처럼 ..</a></li>
<li><a href="#">상욱선수(엠게임)</a></li>
<li><a href="#">김정훈 - 2006.07.30 - 궁을 위..</a></li>
<li><a href="#">통기타 동영상강좌CD- 차차..</a></li>
<li><a href="#">녹음실에서 심심해서 빠른MR..</a></li>
<li><a href="#">예쁜 다솔이의 탄생</a></li>
<li><a href="#">사랑합니다..영윈히 그녀만을...</a></li>
<li><a href="#">(광주)젠틀맨비뇨기과</a></li>
<li><a href="#1"><작심삼일></a></li>
<li><a href="#">태극체육관(익산)</a></li>
</ul>
<a href="#" title="리스트 더보기" class="more">리스트 더보기</a>
</div>
 
---------------------------------------


---------------------------------------
css 소스
@import "base.css";
#wrap {float:left;width:250px;background-color:#eee;text-align:left;}
.more {position:absolute;top:13px;right:8px;background:url(http://image.hanmail.net/hanmail/s_img/keron/i_more.gif) no-repeat;width:25px;height:8px;display:block;text-indent:-100em;overflow:hidden;padding:0;font-size:1px;line-height:0%;text-decoration:none;}

/* unordered List */
.dotListArea {position:relative;padding-bottom:5px;}
.dotListArea h3 {padding:0;margin:0;height:30px;}
.dotListArea h3 a {position:relative;top:9px;left:0px;display:block;font-size:13px;color:#000;padding:1px 0 0 10px;letter-spacing:-1px;}
.dotListArea ul {background-color:#fff;margin:0 5px;padding:7px 0;}
.dotListArea li {background:url(http://image.hanmail.net/hanmail/s_img/keron/blt_crs.gif) 7px 7px no-repeat;padding:3px 0 3px 14px;}
.dotListArea li a {color:#333;}
       
--------------------------------------------------


css소스 이걸 어떻게 적용해야 되나요...?

첫번째 소스만 넣고 php 로 만들어보니 이상하게 떠서요.
http://mulim.zc.bz/123.php
위 주소가 첫번째 소스만 넣고 만든...거에요..
css이건 어케해야되죠.. ㅠㅠ ?