css 좀 봐주세요.

첨부된 이미지에 보면 빨간 상자가 IE7 에서 이상하게 보입니다.

IE8, FF, Chrome 에선 정상적으로 보이는데요.

왜 IE7 에서 아래로 붙었는지 모르겠네요.


<div id="mmenu" style="position: relative;height:20px; border: 1px solid silver;">
<span class="button black small"><input type="button" id="add_folder" value="폴더추가" /></span>
<span class="button black small"><input type="button" id="add_default" value="파일추가" /></span>
<span class="button black small"><input type="button" id="rename" value="이름변경" /></span>
<span class="button black small"><input type="button" id="remove" value="삭제" /></span>
<span class="button black small"><input type="button" id="cut" value="잘라내기" /></span>
<span class="button black small"><input type="button" id="copy" value="복사" /></span>
<span class="button black small"><input type="button" id="paste" value="붙여넣기" /></span>
<div style="position: relative; float: right; border: 1px solid red; display:block;">
<input type="text" id="text" value="" />
<span class="button black small"><input type="button" id="search" value="검색" /></span>
<span class="button black small"><input type="button" id="clear_search" value="정리" /></span>
</div>
</div>



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


참고하셔여~
http://jquery.shunter.kr/test/test17.php