Hi,

        I am using richfaces with jsf.I am <rich:dataScroller> with <rich:dataTable> . The paginator displaying correctly in firefox, chrome, IE8 also.But its dis[playing wrongly in IE7.Here i attached that screenshot.Please see that and help me how can i solve that issue?These are the styles i used.

DIV.rich-datascr {

    background: none;

    border: 0px;

    padding: 0px;

    margin: 0px;

}

TABLE.rich-dtascroller-table {

    background: none;

    border: 0px;

    padding: 0px;

    margin: 0px;

}

TD.rich-datascr-button {

    background: none;

    padding: 0px;

    color: #45322e;

    border: 1px solid #666666;

    width: 18px;

    height: 18px;

}

TD.rich-datascr-inact {

    font-weight: bold;

    color: #45322e;

    border: 1px solid #666666;

    width: 18px;

    height: 18px;

}

TD.rich-datascr-act {

    background-color: #45322e;

    color: white;

    font-weight: bold;

    border: 1px solid #666666;

    width: 18px;

    height: 18px;

}

This is jsp page.

<rich:dataTable id="contacts" var="contactDetails"

                value="#{contactDetailsAction.getBusiness()}" rows="30" width="100%">

                <f:facet name="footer">

                <rich:datascroller align="left" for="contacts" boundaryControls="auto" fastControls="auto" stepControls="auto"/>

            </f:facet>

                <f:facet name="header">

                    <rich:columnGroup>

                        <rich:column width="15%">

                            <h:outputText value="#{messages['label.businessName'] }" />

                        </rich:column>

                        <rich:column width="15%">

                            <h:outputText value="#{messages['label.contactName'] }" />

                        </rich:column>

                        <rich:column width="15%">

                            <h:outputText value="#{messages['label.contactNumber'] }" />

                        </rich:column>

                        <rich:column width="300px">

                            <h:outputText value="#{messages['label.emailContacts'] }" />

                        </rich:column>

                        <rich:column width="300px">

                            <h:outputText value="#{messages['label.smsNo'] }" />

                        </rich:column>

                    </rich:columnGroup>

                </f:facet>

                <rich:columnGroup>

                    <rich:column width="15%">

                        <h:outputText value="#{contactDetails.name}" />

                    </rich:column>

                    <rich:column width="15%">

                        <h:outputText value="#{contactDetails.manager}" />

                    </rich:column>

                    <rich:column width="15%">

                        <h:outputText value="#{contactDetails.mainPhone}" />

                    </rich:column>

                    <rich:column width="300px">

                        <rich:dataTable id="email" value="#{contactDetailsAction.getEmails(contactDetails)}" var="email" width="100%" >

                            <rich:column style="width: 150px;">

                                <h:outputText  value="#{contactDetailsAction.datatable(email.name)}"/>

                            </rich:column>

                            <rich:column style="width: 150px;">

                                <h:outputText  value="#{contactDetailsAction.datatable(email.email)}"/>

                            </rich:column>

                        </rich:dataTable>

                    </rich:column>

                    <rich:column width="300px">

                        <rich:dataTable id="smsContacts" value="#{contactDetailsAction.getSms(contactDetails)}" var="smsNo" width="100%" >

                            <rich:column style="width: 40%;">

                                <h:outputText value="#{contactDetailsAction.datatable(smsNo.name)}"    />

                            </rich:column>

                            <rich:column style="width: 60%;">

                                <h:outputText  value="#{contactDetailsAction.datatable(smsNo.mobileNumber)}"/>

                            </rich:column>

                        </rich:dataTable>

                    </rich:column>

                </rich:columnGroup>

        </rich:dataTable>