Hi

I use outputPanel with actionRegion to change the display according to the value selected in drop-down box. To display the header in the actionRegion, I use dataTable for css purpose. This works fine in Firefox but not in IE.
Here is the code.

<apex: outputPanel><b>Select Option : </b></apex:outputPanel>
    <apex:selectList id="searchOption" value="{!option}" multiselect="false" size="1">
        <apex:actionSupport event="onchange" action="{!loadOption}" reRender="out"></apex:actionSupport>
        <apex:selectOption itemValue="one" itemLabel="Option One"/>
        <apex:selectOption itemValue="two" itemLabel="Option Two"/>
        <apex:selectOption itemValue="three" itemLabel="Option Three"/>
    </apex:selectList>

    <apex: outputPanel id="out">
    <apex:actionRegion rendered="{!optionOne}">
        <apex:dataTable value="{!getInfo}" var="info" styleClass="tbl" headerClass="tble_hd_no_td">
            <apex:facet name="header">Search Parameters for Option One</apex:facet>
        </apex:dataTable>

        <apex:selectList value="{!OptionOneParams}" multiselect="false" size="1">
            <apex:selectOptions value="{!Onefilters}"/>
        </apex:selectList>
    </apex:actionRegion>

    <apex:actionRegion rendered="{!optionTwo}">
        <apex:dataTable value="{!getInfo}" var="info" styleClass="tbl" headerClass="tble_hd_no_td">
            <apex:facet name="header">Search Parameters for Option Two</apex:facet>
        </apex:dataTable>

        <apex:selectList value="{!OptionTwoParams}" multiselect="false" size="1">
            <apex:selectOptions value="{!Twofilters}"/>
        </apex:selectList>
    </apex:actionRegion>
</apex: outputPanel>

How to resolve this browser related issue?