수다닷컴

안녕하세요.
테이블 내의 높이 정렬이 문제인데요..checkbox와 그 옆의 이미지의 높이가 안맞는데 이런경우엔 어떻게 해야되는건가요..
위의 이미지같이 높이를 딱 가운데로 맞추고 싶은데요.
vertical-align을 middle로 줘도 안되고 이걸 주지 않아도 다른방법으로도 높이를 맞출 수 있을 거 같은데요..
아래 이미지처럼 되고 잘 맞지를 않습니다.
이런 경우엔 무엇이 문제인지 모르겠습니다.tbody
tr
th width=64 class=select01 scope=row과정선택/th
td width=600 colspan=2 class=tdEnd
input type=checkbox name=check /
경영일반
input type=checkbox name=check /
경영전략
input type=checkbox name=check /
인사조직
input type=checkbox name=check /
마케팅
input type=checkbox name=check /
재무회계
input type=checkbox name=check /
생산관리
/td
/tr
tr
th scope=row class=select02교육비지원/th
td colspan=2 class=tdEnd
input type=checkbox name=check /
spanimg src=images/edu_info/company.gif alt=기업아이콘 //span고용보험환급과정
input type=checkbox name=check /
spanimg src=images/edu_info/general.gif alt=일반아이콘 //span일반과정 /td
/tr
/tbody
---------------------------------------------------------------------------------------------------------------------

.businessG table{border-bottom:3px solid #85b52b;}
.businessG thead .title{height:27px;}
.businessG tbody td{height:28px;border-top:1px solid #ccc;padding-left:24px;}
.businessG tbody span{padding-right:7px;}

위에 문제는 해결이 되었는데요.
td나 p태그 안에서만 vertical-align이 먹나요?
ul li로 되있는 부분에서는 안먹네요.
비슷한 모양인데 아래 이미지의 오른쪽부분에서는
수평이 안맞아요.div class=viewList
p class=classNum총span class=point70/span개 과정/p
ul class=selectList
li
p; select name=popularClass class=popularClass title=인기강의순
option value=인기강의순/option
optgroup label=관련강의
option value=aa/option
option value=bb/option
option value=cc/option
option value=dd/option
/optgroup
/select
/li
li
select name=viewClass class=viewClass title=여러개보기
option value=10개씩/option
optgroup label=여러개보기
option value=5개씩5개씩/option
option value=15개씩15개씩/option
option value=20개씩20개씩/option
/optgroup
/select
/li
lia href=#img src=images/edu_info/edu_imageType_ov.gif alt=이미지형 //a/li
lia href=#img src=images/edu_info/edu_listType.gif alt=리스트형 //a/li
/ul
/div!--//viewList--
-------------------------------------------------------------------------------------------

.viewList{width:780px;height:36px;border:1px solid #cecfca;clear:both;}
.classNum{float:left;padding-top:10px;padding-left:19px;}
.point{padding-left:6px;color:#fd4800}
.selectList{float:right;width:371px;padding-top:8px;}
.selectList li{float:left;height:26px;padding-right:5px;}
.popularClass{width:93px;height:21px;vertical-align:middle;}
.viewClass{width:93px;height:21px;vertical-align:middle}

신청하기