Richfaces: modalPanel não é modal no Firefox

Assuntos Gerais
#1

Olá pessoal.
meu modalPanel só é modal no Internet Explorer.
no Firefox, consigo navegar pelos componentes do form principal usando a tecla tab… inclusive consigo submitar a página novamente.

estou usando jsf, richfaces e facelets, ok?

meu modalPanel está no template, pra que todas as páginas tenham acesso a ele.

por favor, conseguem ver algo no código que faria o modalPanel não se comportar como modal no Firefox ?

obrigado!

[color=green]template.jspx:[/color]

<?xml version="1.0" encoding="iso-8859-1"?>
<jsp:root
    xmlns:jsp="http://java.sun.com/JSP/Page"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:r="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j"
    version="2.0">
    <head>
    <f:loadBundle
        basename="util.mensagens"
        var="msg" />
    <script
        type="text/javascript"
        src="js/utils.js"></script>
    <meta
        http-equiv="Content-Type"
        content="text/html; charset=iso-8859-1" />
    <title>Título</title>
    <style>
@import "default/estilo.css";
</style>
    </head>
    <ui:insert name="cabecalho">
        <div id="topo" />
    </ui:insert>
    <ui:insert name="modalP">
        <!-- **************** Mostra Mensagens ***************************** -->
        <r:modalPanel
            id="panel"
            minHeight="100"
            minWidth="200"
            autosized="true"
            showWhenRendered="#{facesContext.maximumSeverity != null}">
            <f:facet name="header">
                <h:panelGroup>
                    <h:outputText value="Mensagem"></h:outputText>
                </h:panelGroup>
            </f:facet>
            <f:facet name="controls">
                <h:panelGroup>
                    <h:graphicImage
                        value="imagens/error.gif"
                        id="hidelink" />
                </h:panelGroup>
            </f:facet>
            <h:form>
                <table style="font-size: 10pt; white-space: nowrap; color: red;">
                    <nobr> <r:messages>
                        <f:facet name="errorMarker">
                            <h:graphicImage
                                value="imagens/error.gif"
                                width="20"
                                height="20"
                                styleClass="imagem" />
                        </f:facet>
                        <f:facet name="warnMarker">
                            <h:graphicImage
                                value="imagens/selecionar.gif"
                                width="20"
                                height="20"
                                styleClass="imagem" />
                        </f:facet>
                        <f:facet name="infoMarker">
                            <h:graphicImage
                                value="imagens/passed.gif"
                                width="20"
                                height="20"
                                styleClass="imagem" />
                        </f:facet>
                    </r:messages> </nobr>
                </table>
                <center><h:panelGroup>
                    <h:commandButton
                        id="botaoOk"
                        value="#{msg.botaoOk}" />
                    <r:componentControl
                        for="panel"
                        attachTo="botaoOk"
                        operation="hide"
                        event="onclick" />
                </h:panelGroup></center>
            </h:form>
        </r:modalPanel>
        <!-- **************** Fim Mostra Mensagens ***************************** -->
    </ui:insert>
    <!-- ******************** Titulo da Pagina ***************************** -->
    <center><h:panelGrid>
        <h:panelGroup>
            <span>   <ui:insert name="tituloPagina"></ui:insert></span>
        </h:panelGroup>
        <br />
        <br />
    &lt;/h:panelGrid&gt;&lt;/center&gt;
    &lt;!-- ******************** Fim Titulo da Pagina ************************** --&gt;
    &lt;!-- ********************** Corpo da Pagina ***************************** --&gt;
    &lt;div&gt;&lt;ui:insert name="corpo" /&gt;&lt;/div&gt;
    &lt;!-- ********************** Fim Corpo da Pagina ************************* --&gt;
&lt;/jsp:root&gt;
#2