<style type='text/css'>
  ul { float:left; margin:0; padding:5; border: 1 solid #000000; }
  li { list-style:none; margin:0; padding:5; text-align:left; }
  div { text-align:center; width:500; border: 1 solid #000000; margin:5; padding:5; }
</style>

<div>
  <div>로그인 FORM</div>
<div>
  <ul>
    <li>아이디
    <li>비밀번호
  </ul>
  <ul>
    <li><input name='id' size=10 maxlength=20>
    <li><input name='passwd' size=10 maxlength=20>
  </ul>
  <ul>
    <li><input type=button value='로그인' onclick=''>
  </ul>
  <ul>
    <li>[<a href='#'>ID찾기</a>]
    <li>[<a href='#'>비밀번호찾기</a>]
  </ul>
</div>


두번째 이미지는 ul 에서 height:100; 을 줬을때 입니다.

위 두이미지에서 div 안의 ul 혹은 ul 안의 li 를 세로가운데정렬을 하고 싶은데 죽어도 안되네요.

참고로 vertical-align:middle; 이건 죽어도 안먹더군요. IE 입니다.

누구 아시는분 없나요. ㅡㅜ