在IE7中，Primefaces搞砸了外观和感觉

Question

我正在为我的应用程序使用Primefaces 3.2版，它在所有其他浏览器上都很完美。但是当我在IE7上打开它时，所有的外观和感觉都非常混乱。 任何人都可以告诉我可以做些什么来克服这个问题？ 我附上截图供参考。

 <p:panel id="p_QDEF0061" style="height:auto;">
<div style="width:100%;height:auto;border:none;margin:0px 2px 0px 2px;" id="QDEF0061_content">
<p:dataTable value="#{reportRunManager.getResult('QDEF0061', '1')}" var="row" id="QDEF0061table" rows="20" styleClass="report" style="width:1216px;" rowClasses="odd-row, even-row" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="index">
  <p:column style="width:91px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Completed by" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:91px">
      <h:outputText value="#{row.get('crc_review_user_login')}" escape="false" />
    </div>
  </p:column>
  <p:column style="width:93px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Completed On" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:93px">
      <h:outputText value="#{row.get('crc_review_complete_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
  <p:column style="width:93px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Date of Service" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:93px">
      <h:outputText value="#{row.get('crc_review_svc_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
  <p:column style="width:79px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Post Date" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:79px">
      <h:outputText value="#{row.get('crc_review_post_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
</p:dataTable>
</div>
</p:panel>