JSF - Filter文本框appearence在IE

Question

我有以下CSS这个CSS在JSF的

<style type="text/css"> 
.taskFilter { 
    float: left; 
    padding-left: -5px; 
    border: 1px; 
} 
</style> 

使用

<rich:column sortBy="#{report.taskName}" 
id="taskName" filterMethod="#{myBean.filterTaskName}" /> 
<f:facet name="header"> 
<h:panelGroup> 
<h:outputText value="Task Name" /> 
<h:inputText class="taskFilter" value="#{myBean.filterValue}" id="filterInput" 
onclick="Event.stop(event)"> 
<a4j:support event="onkeyup" reRender="dataTable, ds" ... /> 
... 
</rich:column> 

在Firefox和Chrome

工作正常，这里是它的外观：

但IE浏览器很奇怪：

有没有解决方法？ 任何帮助将是伟大的。

Answer 1

由于您的input是在其自己的行明确float所以你必须：

.taskFilter { 
    float: left; 
    clear:both; 
    padding-left: -5px; 
    border: 1px; 
}