我有一个根据其内容(PHP 的动态内容)扩展的选择框。提交按钮的位置在 IE7 中保持固定,但如图所示。
我尝试添加缩放:1,并应用位置:相对于两个选择框和提交按钮无济于事。
在 Firebug 中,如果我取消选择并重新选择任何 css 选项,它会正确重新定位。有没有人有任何修复的想法?
HTML -
<div class="filter">
<form name="input" action="#" method="post" title="Submit">
<span class="purple">Filter photography by:</span>
<select id="search_type" name="brand_filter">
<option value="0">No filter</option>
<option value="1" <?= ($this->session->userdata('selected_brand_filter') == 1) ? 'selected="selected"' : ''?>>Brand</option>
<option value="2" <?= ($this->session->userdata('selected_brand_filter') == 2) ? 'selected="selected"' : ''?>>Hotel/Location</option>
<option value="3" <?= ($this->session->userdata('selected_brand_filter') == 3) ? 'selected="selected"' : ''?>>Region</option>
<option value="4" <?= ($this->session->userdata('selected_brand_filter') == 4) ? 'selected="selected"' : ''?>>Event</option>
</select>
<select id="search_category" name="category_filter">
<option value="0">Nothing selected</option>
<? if(!empty($category_filter)): ?>
<? foreach($category_filter as $catg): ?>
<option value="<?=$catg->id?>" <?= ($this->session->userdata('selected_category_filter') == $catg->id) ? 'selected="selected"' : ''?>><?= $catg->name ?></option>
<? endforeach ?>
<? endif ?>
</select>
<input type="submit" value="" id="filter-submit"/>
</form>
</div>
CSS -
#filter-submit{
width:20px;
height:20px;
background: url('../images/filter_submit.jpg') no-repeat;
border:none;
cursor:pointer;
vertical-align:middle;
}