지금 네비게이터를 만들고 있는데요.

첨부한 스샷처럼 맨 앞에 홈버튼과 글짜가 위쪽을 기준으로 정렬이 되어 있어요.

같은 li 를 사용하기 때문에 그런데요.

저걸 중앙정렬로 바꾸고 싶어서vertical-align:middle을 li 안에 적용해 주었는데도 그대로 입니다.

어떻게 하면 세로를 중앙정렬할수 있을까요??ㅠㅠ

#two_navigator{position:relative; top:10px; float:right; width:690px; height:27px; background:url(../images/bg_first.gif)undefined;}
#two_navigator li {display:inline; position:relative; left:-2px; z-index:1; list-style:none; float:left; width:auto; background:url(../images/bg_line.gif) no-repeat right 50%; white-space:nowrap; line-height:16px; vertical-align:middle}
#two_navigator li a{display:block; float:left; padding:6px 25px 9px 25px; width:auto; font:12px dotum; color:#444; white-space:nowrap; text-decoration:none;}
#two_navigator li a:hover,
#two_navigator li a:focus,
#two_navigator li.on a {color:#4fb2cb; !important;}  /* 네비게이터에 마우스를 올렸을때 옵션*/
#two_content{position:relative; top:10px; width:100%; overflow:hidden;}

기타 문제점 있으면 지적 부탁드립니다.