Background-image não aparece no XHTML

Front-end
#1

Quando uso este código em um HTML ele funciona normal(os divs ficam com fundo), porém quando executo em XHTML os DIVs não aparecem.
Alguém sabe oque estou fazendo errado?

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link
		href="#{facesContext.externalContext.requestContextPath}/resources/nomedoSkin/theme.css"
		rel="stylesheet" type="text/css" />

	<div
                style="background-image: url('IMG/barra_superior.jpg'); height: 12px;"></div>
	<div
		style="background-image: url('IMG/logo.jpg'); background-repeat: no-repeat; background-position: center; height: 99px;"></div>
	<div
		style="background-image: url('IMG/barra_inferior.jpg'); height: 23px;"></div>

</h:head>
...
#2