수다닷컴

안녕하세요..

총넓이 960px의 테이블의 td안에 리스트를 구현했는데 border가 삐져나옵니다.. 빨간색부분이요.. 조언 부탁드립니다.

해당 css
.sum {margin-top:32px;}
.sum table {table-layout:fixed; }
.sum table th {height:32px; background:#919191; color:#fff; font-weight:bold; text-align:center; padding-top:2px; border-right:1px solid #fff;}
.sum table th.first {}
.sum table th.last {border-right:none;}
.sum table td {width:958px; border:1px solid #d3d3d3; border-top:none; padding-bottom:16px;}
.sum table td ul {padding-top:15px; }
.sum table td ul li {float:left;}
.sum table td ul li.gray_price {color:#797979; font-size:14px; margin:13px 0 0 67px;}
.sum table td ul li.btn_minus {margin-left:69px;}
.sum table td ul li.btn_add {margin-left:214px;}
.sum table td ul li.btn_sum {margin-left:184px;}
.sum table td ul li.sum_price {margin:7px 0 0 41px; color:#212121; font-size:22px;}

해당마크업
div class=sum
table summary=상품가격,할인가격,총 배송비,총 합계금액에 따른 정보입니다.
caption상품가격,할인가격,총 배송비,총 합계금액에 따른 정보/caption
colgroup
col width=247 /
col width=251 /
col width=222 /
col width=240 /
/colgroup
tr
th class=first상품가격/th
th할인가격/th
th총 배송비/th
th class=last총 합계금액/th
/tr
tr
td colspan=4
ul
li class=gray_pricestrong2,580,000/strong원/li
li class=btn_minusa href=#img src=../images/sub/btn/btn_minus.gif alt=빼기 //a/li
li class=btn_adda href=#img src=../images/sub/btn/btn_add.gif alt=추가하기 //a/li
li class=btn_suma href=#img src=../images/sub/btn/btn_sum.gif alt=합계 //a/li
li class=sum_pricestrong2,412,000/strong원/li
/ul
/td
/tr
/table
/div

신청하기