Erro ao adicionar background-image jsf java primefaces

Boa tarde Galera,

Estou com problemas para adicionar minha background imagem em meu projeto, acabei de efetuar um teste e parece que a imagem está sendo carregada, porém, a um layout sobre a imagem. Segue a situação atual:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>CALC-ME</title>
	<style>
	
		.Bimage{background-image:url("/imgs/tigre.jpg"); }
	
	</style>
</h:head>

<h:body styleClass="Bimage">

	<h:form id="formulario">
		<f:metadata>
			<f:viewParam name="cpfUsuario" value="#{usuarioBean.usuario.cpf}" />
			<f:viewParam name="senhaUsuario" value="#{usuarioBean.usuario.senha}"></f:viewParam>
		</f:metadata>
		<p:growl for="msgWarn" sticky="true" />
		<p:layout fullPage="true">
			<div id="telaLogin" align="center">
				<p:layoutUnit position="center" size="400" resizable="true"
					closable="true" collapsible="true">
					<h:panelGrid id="pLogin" cellspacing="10" resizable="true"
						bgcolor="38b5ef" columns="3"
						style="position: absolute;top:160px; left: 460px;">

						<p:graphicImage value="/imgs/logo-editada.jpg" width="140px"
							height="70px"
							style="position: absolute; bottom:150px; left:130px;" />
						<p:outputLabel
							style="font-size:13px;position:absolute;left:110px;">Digite aqui os dados para login:</p:outputLabel>
						<br />
						<p:outputLabel>CPF:</p:outputLabel>
						<p:inputMask mask="[CPF removido]" id="cpf" required="true"
							value="#{usuarioBean.usuario.cpf}"></p:inputMask>
						<br />
						<p:outputLabel>Senha:</p:outputLabel>
						<p:password id="senha" value="#{usuarioBean.usuario.senha}"
							label="Senha" required="true"></p:password>
						<br />
						<p:commandButton ajax="false"
							action="#{usuarioBean.pesquisaLogin()}" value="Entrar"
							update="pLogin" style="position:absolute; top:150px; left:80px;" />
						<p:button style="position: absolute;left:200px; top: 150px;" value="Cadastrar"
							update="pLogin" outcome="/faces/cadastro.xhtml" />
						<p:link value="Esqueci minha senha"
							outcome="/faces/recuperaSenha.xhtml"
							style="position:absolute;top:200px;left:140px;font-size:12px;"></p:link>
					</h:panelGrid>
				</p:layoutUnit>
			</div>
		</p:layout>
	</h:form>
</h:body>
</html>

Dependencias:

Topicos relacionados