親カテゴリーと子カテゴリーをｃｓｓで分けた背景について

現在、親カテゴリーと子カテゴリーをｃｓｓで分けて違う背景画像を敷いています。

#sidebar li a {
background: url(../images/bg_navi.jpg) no-repeat center;
padding-left: 30px;
text-decoration: none;
display: block;
height: 25px;
margin-bottom: 5px;
line-height: 25px;
font-size: 1.2em;
font-weight: bold;
}
↑親
↓子供
#sidebar li li a{
background: url(../images/arrowGray.gif) no-repeat 15px center;
line-height: 25px;
font-size: 1.1em;
font-weight: normal;
}

これで作るとカテゴリーの順番をプラグインで変えた場合、親のスタイルだけが子に継承されて、子のスタイルが無視されてしまいます。（同じ背景画像のボタンになってしまいます）

なんとか違う背景画像のボタンで、なおかつ順番を入れ替えたいのですが。

sidebar。ｐｈｐの下記で、子カテゴリーのスタイルを何か指定すれば、順番入れ替えても反映されますでしょうか？

<?php wp_list_categories(‘title_li=’); ?>

教えていただけるととても助かります。