수다닷컴

* 따라하고 싶은 것* 제가 할려고 하는 것= 샘플로 이런 레이아웃을 만든다고 하면 성명 등 내용물 안에 들어있는 것을 수직정렬을 할려고 합니다.
그런데 vertical-align이 적용이 되지 않습니다. 거기다가 요금제 신청하기 버튼 밑에 자꾸 여백이 생깁니다.
어떻게 해야 되는지 고수님들 좀 알려주세요~~

---------- html 소스 -----------

form action=#
fieldset
legend정보입력/legend
dl class=pop_ul
dtimg src=images/th_name.jpg alt=성명 title= //dt
dd홍길동/dd
dtimg src=images/th_tel.jpg alt=연락처 title= //dt
ddinput type=text /-input type=text /-input type=text //dd
dt style=height:90px;img src=images/th_addr.jpg alt=주소 title= //dt
dd style=height:80px;input type=text /-input type=text /img src=images/btn_event_05.gif alt=우편번호 검색 title= class=img /br /input type=text style=width:214px; margin:6px 0; /br /input type=text style=width:214px; //dd
dtimg src=images/th_email.jpg alt=이메일 title= //dt
ddinput type=text style=width:214px;//dd
/dl
/fieldset
/form

----------css 소스-----------

.pop_ul{position：absolute;border-top:2px solid #EC741D; margin-top:5px;margin-bottom:10px;overflow:auto;width: 352px;}
input{border:1px solid #CECECE; width:49px; height:17px; font-size:12px;}
dt{float:left; width:60px; height:40px; background:#F0F0F0; padding-left:5px; border-bottom:1px solid #CECECE; margim:auto 0;}
dd{float:left; width:260px; height:30px; padding:5px 0 5px 15px;; border-bottom:1px solid #CECECE; vertical-align:50%;}
form{width:352px; clear:both; height:230px;}
.img{vertical-align:bottom; margin-left:5px;}

신청하기