カレント表示についてのしつもんです、急ぎです！

画像で表示しているナビゲーションで、現在のページ（index.html）でナビをハイライトさせたいのですがやり方がわかりません。

このような記述でナビを表示しています。
/*HTML*/
<ul>
<liclass="nav01"><a href="index.html">HOME</a></li>
</ul>

/*CSS*/
#nav ul li.nav01 a {
width: 200px;
height: 100px;
background: url(../imgbuton/nav01.png) no-repeat;
display: block;
text-indent: -9999px;
}
#nav ul li.nav01 a:hover,
#nav ul li.nav01 a.opened{
background-position: 0 -100px;
}