h:panelGrid - CSS funktioneirt nicht in Firefox

[alan79]

Hallo Forum

Ich nutze myfaces 1.2.6 und habe festgestellt, dass anscheinend gewisse Problem mit CSS und myfaces panelGrid gibt. Hat jemand schon das Gleiche festgestellt?

Folgends funktioniert in IE7 aber NICHT in firefox 3.0.10 (panelGrid mit styleClass):

css file:
.formActionBar {
        height: 25px;
        left: 450px;
        top: -47px;
        position: absolute;
}


<h:panelGrid columns="4" styleClass="formActionBar">
        <a4j:commandButton styleClass="formActionButton"
        rendered="#{timerepHandler.editReport.status=='Pending Approval'}"
        value="#{cont.buttonSave }"
        action="#{timerepHandler.saveEditReportRecord}" />
</h:panelGrid>

Folgends funktioniert in IE7 aber NICHT in firefox 3.0.10 (panelGrid mit id):

#formActionBarId {
        height: 25px;
        left: 450px;
        top: -47px;
        position: absolute;
}

<h:panelGrid columns="4" id="formActionBarId">
        <a4j:commandButton styleClass="formActionButton"
        rendered="#{timerepHandler.editReport.status=='Pending Approval'}"
        value="#{cont.buttonSave }"
        action="#{timerepHandler.saveEditReportRecord}" />
</h:panelGrid>

Folgendes funktionert in beiden Browsern (IE7 and firefox) - panelGrid mit style attribute:

<h:panelGrid columns="4" style="height: 25px;
        left: 450px;
        top: -47px;
        position: absolute;">

        <a4j:commandButton styleClass="formActionButton"
        rendered="#{timerepHandler.editReport.status=='Pending Approval'}"
        value="#{cont.buttonSave }"
        action="#{timerepHandler.saveEditReportRecord}" />
</h:panelGrid>

Nur möchte ich das nur ungern so lösen, da dann der style auf jeder page einzeln zu pflegen ist.

Danke für einen Tip / Workaround.

Grüsse
Alan