수다닷컴

안녕하세요. 모바일웹 코딩하고 있는데요.
css3를 쓰고 있는데 말줄임표 text-overflow:ellipsis; 테그가 안먹고 title쪽이 내려와 버리네요...

전 디자이넌데 이거 안되면 그냥 개발에 넘겨줘도 해결해 주실수있나요..
도움좀 부탁드립니다.html//
div class=roundbox3 style=margin-top:8px;
ul
li class=rowa href=# class=btn_dtview상세보기/aa href=# class=titlep아티스트1아티스트1아티스트1아티스트1/p/a/li
li class=rowa href=# class=btn_dtview상세보기/aa href=# class=titlep아티스트2/p/a/li
li class=rowa href=# class=btn_dtview상세보기/aa href=# class=titlep아티스트3/p/a/li
li class=rowa href=# class=btn_dtview상세보기/aa href=# class=titlep아티스트10/p/a/li
/ul
/div

css//
.title{display:block; padding-top:5px;}
.row:nth-child(even) {clear:both; background:#f0f0f0 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
background:#f0f0f0 -moz-linear-gradient(top, #fff, #f0f0f0);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff, endColorStr=#f0f0f0);}
.row:nth-child(odd) {clear:both; background: white;}
.btn_dtview{float:right; display:block; margin:10px 6px; height:36px; width:38px; background:url(img/img_master.png) no-repeat; background-position:0px -136px; text-indent:-5000px;}

.roundbox3{}
.roundbox3 ul li{width:100%;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height:40px;}
.roundbox3 ul li:first-child {border:1px solid #c1c1c1;}
.roundbox3 ul li:last-child { -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;}
.roundbox3{clear:both; position:relative;}
.roundbox3 ul li p {float:left;width:70%; overflow:hidden;text-overflow:ellipsis; -o-text-overflow: ellipsis; background:#9C0;}
.roundbox3 ul li p a{}
.roundbox3 .title{display:block; padding:10px 0 0 13px; height:30px;}
.roundbox3 .btn_dtview{float:right; display:block; margin:5px 6px; height:30px; width:38px; background:url(img/img_master.png) no-repeat; background-position:0px -139px; text-indent:-5000px;}결과//

신청하기