サイドナビの順番を自由に変更する際

サイドナビをウィジェットの固定ページで表示をしています。
また親ページはＣＳＳで画像化し子ページはテキスト表記としています。

したいこと
・サイドナビの順番をウィジェットで自由に変更したい

困っていること
・変更するときに画像化した項目とかが大きくずれる
・新しくページを作った際ＩＤを指定していないのでテキスト表示になってしまう

お伺いしたいこと
Ａ.ＣＳＳでＩＤ指定をせずにサイドナビをＣＳＳで整えることはできますか？
Ｂ．新しくページを追加した場合も指定の場所に表示し、なおかつ順番を移動したいができますか？

下記にサンプルとして作成したものを用意しました。
http://poason.com/test/sample/

※li class=”page_item page-item-35″のようにそれぞれ指定し背景画像などをＣＳＳでコーディングしています。やはりＣＳＳで指定してコーディングをしなければダメでしょうか。

※現在サンプルサイトではサブナビが少し崩れていますがＣＳＳで微調整をしていないだけです。