[問題] 請問css裡面textfield對齊的問題

[WEIREN (WEIREN)]

我就是做了一個有搜尋的介面
一個文字框 和button鈕
但是文字匡就是一直無法在firefox正常
他會顯示在最下面
是什麼原因 有無辦法可以改
我試了很久


我的原始碼

css :
/************ search區塊  **********/
#search{
        width:520px;
        height:37px;
        background-position: center;
        border-top-width: 1px;
        border-top-style: dashed;
        border-top-color: #999999;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #CCCCCC;
}
#search .searchform{
        width:300px;
        border: 1px solid #666666;
        margin-bottom: 14px;
}
#search span{
        vertical-align: middle;
        background-position: center;
}
#form {
        margin: 0px;
}

-----------------------------------
HTML:

<div id="search"><form name="fsearch" action="index.asp" method="get"
id="form">
 <sapn><a href="#"><img src="/images/search/rss.gif" border="0" /></a></sapn>
 <sapn><a href="#"><img src="/images/search/search_title.gif" border="0"
/></a></sapn>
 <sapn><input name="textfield" type="text" class="searchform" /></sapn>
 <sapn><a href="#"><img src="/images/search/button.gif" width="54"
height="37" border="0" /></a></sapn>
</form></div>

就textfield在firefox有問題  我有定義一個searchform去改善 所以ie看起來正常
但是要怎麼解決firefox的問題

謝謝 ~


--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 220.130.112.242
→ TonyQ:你的span拼成 sapn了...