Навигация с шаблоном Facelets не работает

У меня проблемы с навигацией при использовании Facelets.

Мой главный шаблон находится в / WEB-INF :

<h:body>
    <div id="container">
        <div id="header">
            <ui:insert name="header">Header</ui:insert>
        </div>

        <div id="navigation">

            <a href="ram.xhtml">RAM</a>
            <a href="mobo.xhtml">Motherboard</a>
            <a href="video.xhtml">Video Card</a>
        </div>

        <div id="content">
            <ui:insert name ="content"></ui:insert>
        </div>

    </div>
</h:body> 

, а затем два шаблона клиентов, которые выглядят совершенно одинаково, index.xhtml и ram.xhtml :

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./WEB-INF/layoutTemplate.xhtml">

    <ui:define name="header">
       some text
    </ui:define>

    <ui:define name="content"> 
        some content
    </ui:define>


</ui:composition>

Если какая-либо из этих страниц задана как страница приветствия в web.xml , они отображаются правильно, с CSS и всем остальным. Но если я попытаюсь перейти с одной страницы на другую, используя ссылку, я получаю

Этот XML-файл, похоже, не имеет связанной с ним информации о стилях. Дерево документа показано ниже.

Мы будем благодарны за любые подсказки.