該設計問題的可能解決方案？

Question

我需要知道如何在形式的設計解決這個問題.. 在firefox

而這IE聞聽此事......

顏色不是問題..一卷需要對齊被固定...

的代碼是這樣的：

<div class="content_form_box7_main"> 
<div class="content_form_box7_main1"> 
<input type="text" name="email" value="Comments" class="content_form_box7_inside"/> 
</div> 
</div> 

的風格是這樣：

個

.content_form_box7_main{ 
    float:left; 
    color:#FFFFFF; 
    padding:5px 0px 2px 0px; 
    width:281px; 
} 
.content_form_box7_main1{ 
    float:left; 
    padding:0px 0px 0px 40px; 
} 
.content_form_box7_inside{ 
    float:left; 
    background-image:url(images/amcro_contact4.gif); 
    width:206px; 
    height:43px; 
    background-repeat:no-repeat; 
    border:none; 
    background-color:#E0D1B4; vertical-align:top; 
} 

道歉，如果它看起來複雜......

Answer 1

什麼是你的CSS是什麼樣子？ 你有沒有嘗試添加下列到輸入元素？：輸入標籤

vertical-align: middle; 

或

vertical-align: 50%; 

Answer 2

垂直對齊的風格是依賴於瀏覽器。我的建議將克服它。
刪除高度值。

Answer 3

您需要添加填充到輸入元素。