的<input>正確對齊和<a>標籤在Internet Explorer

我有以下搜索表單域，的<input>正確對齊和<a>標籤在Internet Explorer

<form class="explore"> 
    <input type="text" name="find" id="find" class="in-put find-field" size="50" /> 
    <input type="submit" id="find" value="Find" class="sub_but" /> or just 
    <a href="index.php?pg=explore">Explore</a> 
</form>

一切都在與下面的CSS一排，

.explore{ background:#3F3F3F; border:2px solid #F2F2F2; padding:4px 0; text-align:center; margin:0 35px 0 35px; } 
.explore .find-field{ background:#fff; border:3px solid #539D09; font-weight:bold; padding:4px 0; } 
.explore .sub_but{ background:url('img/stripe_grn.png'); border:0px solid #89A8EF; font-weight:bold; display:inline; padding:5.5px 15px; } 
.explore .sub_but:hover{ background:#539D09; } 
.explore a{ background:url('img/stripe_blu.png'); border:0px #89A8EF solid; color:#E9E9E9; font-weight:bold; padding:5px 15px; } 
.explore a:hover{ background:#89A8EF; text-decoration:none; }

看起來非常軍裝在所有瀏覽器除Internet Explorer外。我不明白的問題..

enter image description here

來源

2011-02-24 shuja

你能告訴我們在IE的問題是什麼？我現在沒有它。 – Andrea 2011-02-24 12:51:47

實際上我想上傳它的示例圖片，但是應用程序不允許我這樣做，通過說您必須獲得上傳圖片的10個聲望。 – shuja 2011-02-25 03:09:16

我剛剛提出了你的意見，所以你有12代表，現在嘗試點擊編輯按鈕。 – Marko 2011-02-25 04:25:41

如何：

.explore * { vertical-align: middle; }

來源

2011-02-25 13:33:02

它的工作，謝謝鮑比傑克.. – shuja 2011-02-28 09:18:52

的<input>正確對齊和<a>標籤在Internet Explorer

回答

相關問題