css - JSF - IE でのテキスト ボックスの表示のフィルター

Question

私は次のCSSを持っています

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

JSF でのこの CSS の使用

<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;
}