CSS изменений не видел, работает с JSF

Question

У меня есть проект, который я разрабатываю в JSF 2.0.Я изменил свой файл styles.css, добавив новый класс и изменив свой элемент в файле XHTML на новое имя в файле CSS.В Eclipse очистите и соберите проект, перезапустите сервер, снова вызовите страницу.Я могу увидеть класс своих элементов, щелкнув «Показать исходный код страницы» в браузере, выбрав styles.css и увидев мои изменения.Но и в инструментах разработчика Chrome, и в Firefox Firebug я не вижу изменений в styles.css в правом нижнем углу, где инструменты разработчика показывают связанные строки кода CSS.Где я не прав?

Код CSS:

ul{ width:420px; float:left}
ul li{ width:420px; float:left; font-size:16px; font-style:italic; font-weight:bold; padding-bottom:10px}
ul li a{ width:300px; height:40px; float:left; background:url(../images/bg_no_selected.gif) no-repeat; color:#CCCCCC; text-decoration:none; padding:20px 0 0 23px}
ul li a:hover{background:url(../images/bg_tick_hover.gif) no-repeat; color:#999999}
ul li a.passive{background:url(../images/bg_no_selected.gif) no-repeat; color:#CCCCCC}
ul li a.active{background:url(../images/bg_tick_hover.gif) no-repeat; color:#999999}

Код XHTML:

<ul>
    <ui:repeat var="questionOption" varStatus="currentInMany" value="#{something}" id="repeatIn">
        <li>
            <h:outputLink styleClass="#{(some control which is returning false, i can see class='passive' in browser in source)?'active':'passive'}" value="javascript:void(0);" id="link">

            <f:ajax execute="@form" event="click" listener="#{some method}" />

            <h:outputText value="#{some text}" />
            </h:outputLink>
        </li>
    </ui:repeat>
</ul>