css - PrimeFaces カスタム メニュー アイコンが表示されない

Question

私は、PrimeFaces コンポーネント ライブラリも使用する JSF アプリケーションを開発中です。アプリケーションにメニューバー コンポーネントを適用したいと考えていました。ただし、作成したアイコンはレンダリングできませんでした。PrimeFaces のドキュメントには、カスタム アイコンには css クラスが必要であると記載されています。画像を使用して css を作成し、メニューバーのアイコン属性にフィードしましたが、機能しませんでした。以下は私のcssです。

.mainPageIcon {
    background: url(/images/motorStop.png) no-repeat;
    height: 16px;
    width: 16px;
}

<p:menubar>
     <p:menuitem icon="mainPageIcon" value="mainPage"/>
</p:menubar>

どうすればいいですか？