wp list pagesの入れ子リストのスタイル調整

wp list pagesを使い、固定ページのリストを出力しています。
入れ子のメニューのスタイル設定でハマってしまいました…。

このような状態のリストで、項目名の箇所に背景画像を入れて画像メニューにしています。
固定ページ３がカレントの場合に、「固定ページ３」の背景画像をハイライトさせたいのですが、

<ul>
<li class="page_item page-item-1"><a href="#"><span>固定ページ1</span></a></li>
<li class="page_item page-item-2"><a href="#"><span>固定ページ2</span></a></li>
<li class="page_item page-item-3 page_item_has_children current_page_item"><a href="#"><span>固定ページ3</span></a>
	<ul class='children'>
	<li class="page_item page-item-4"><a href="#"><span>固定ページ4</span></a>
		<ul class='children'>
		<li class="page_item page-item-4"><a href="#"><span>固定ページ4</span></a></li>
		<li class="page_item page-item-5"><a href="#"><span>固定ページ5</span></a></li>
		<li class="page_item page-item-6"><a href="#"><span>固定ページ6</span></a></li>
		</ul>
	</li>
	</ul>
</li>
</ul>

.page-item-3 a{
display:block;
width:100px;
height:35px;
background:url(xxxx_off.gif);
}
.page-item-3 a:hover{
background:url(xxxx_on.gif);
}
.page-item-3.current_page_item a{
background:url(xxxx_on.gif);
}

スタイルシートを上記のようにしたら、
下階層の「固定ページ4、5、6」の背景画像も、すべて固定ページ3のハイライト画像に置き換わってしまうのです。
（この後に続いている、下階層の背景画像のcssが全部無視される状態）

ここだけで朝から煮え詰まっています…。
もし思い当たる節がありましたら、ご教示いただけないでしょうか。
どうぞ宜しくお願いいたします。