@charset "UTF-8";

*{
 margin:0;
 padding:0;
 font-size:12px;
    font-family:"dotum","gulim",  "Arial", "applegothic";
 line-height:150%;
 color:#666;
}
 
a{color:#666; text-decoration: none; font-size:12px;}
a:link {color:#666; text-decoration: none; font-size:12px;}
a:visited {color:#666; text-decoration: none; font-size:12px;}
a:hover, a:active, a:focus {color:#666 text-decoration: underline; font-size:12px;}

img{
  border:none;
  vertical-align:top;
}

.box05{ text-align:left; font:13px "돋움"; border:1px solid #d7d7d7; width:100px; height:20px; padding:2px 2px 0 2px ;}
.textarea01{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.file01{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;}
.button01{ border:1px solid #d7d7d7; padding:0; margin:0; width:50px; height:25px; text-align:center; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
.button02{ float:left; text-align:left;}


이건 제가 사용하는 css 입니다.



여기서 질문입니다.
1. 제목 (selectbox) 가 옆에 있는 input box 만큼 height 가 커졌으면 좋겠습니다.
어떻게 해야하나요?

2. input box 에 있는 text 가 약간 위로 올라갔는데요.
이것을 가운데로 하고 싶은데요, 일단, 너무 위로 올라가서 padding 값을 조금 줬는데
맘에 들지 않네요.

3. 이건 IE7 에서 캡쳐해서 그런데... IE8에선 검색 버튼과 input 박스가 조금 엇갈렸습니다.
( input box 는 아래로 조금 내려갔고, 검색버튼은 위로좀 올라갔고요...)
이것들(select box, input box, button)을 가운대 정렬하고 싶은데 어떻게 해주면 좋을까요?
정확히 몰라서 이것저것 ( middle, center...) 뭐 이렇게 해줘봤는데 잘안되네요.

http://khaic01.cafe24.com
은 참고해보세요 ^^;

답변 주시면 감사하겠습니다.