Html 样式化的搜索栏在IE7中完全消失

Html 样式化的搜索栏在IE7中完全消失,html,css,forms,input,Html,Css,Forms,Input,我在这个网站上设计了一个搜索栏 它在IE7中完全消失了(我不需要支持IE6)。 到目前为止,它在我测试过的任何其他浏览器(Chrome、IE8、Safari、Firefox、Opera)中都能正常工作 我试图删除并重新添加CSS属性,但没有成功 HTML 哈哈…我解决了。溢出:隐藏在父容器上 要将问题标记为已回答/已解决,请单击答案旁边的绿色复选标记以接受该问题。这将把它从未回答的问题列表中删除。@AdamWenger完成……有点晚了。。。。 <div id="access-search"

我在这个网站上设计了一个搜索栏

它在IE7中完全消失了(我不需要支持IE6)。 到目前为止,它在我测试过的任何其他浏览器(Chrome、IE8、Safari、Firefox、Opera)中都能正常工作

我试图删除并重新添加CSS属性,但没有成功

HTML


哈哈…我解决了。溢出:隐藏在父容器上

要将问题标记为已回答/已解决,请单击答案旁边的绿色复选标记以接受该问题。这将把它从未回答的问题列表中删除。@AdamWenger完成……有点晚了。。。。
<div id="access-search">
   <form id="searchform" method="get" action="http://eezzyweb.com">
      <div>
         <input id="s" name="s" type="text" value="" size="20" tabindex="1" />
         <label for="s">
            <input id="searchsubmit" name="searchsubmit" type="submit" value="Search" tabindex="2" />
         </label>
      </div>
   </form>
</div>
#searchform div{
position:relative;
float:right;
display:inline;
top:6px;
right:10px;
width:250px;
height:22px;
background:url(images/search-bkg-complete.png) 0 0 no-repeat;
}
input#s{
position:relative;
width:210px;
height:16px;
margin-left:5px;
background:none;
padding:3px 0;
}
#searchsubmit {
background:url(images/submit-button.png) 0 2px no-repeat;
float:right;
width:22px;
height:21px;
text-indent:-9999px;
text-transform:capitalize;
}
input#s, #searchsubmit{
vertical-align:middle;
border:0;
line-height:1;
font-size:90%;
}
#searchsubmit:hover{
cursor:pointer;
}