جالب تر میشه یه تایم بدی بعد از اینکه مثلا به غیر از اولی رو انتخاب کرد دوباره بیاد روی اولی!
ایده بدی نیست، ولی در کل اینا دیگه به سلیقه هر فردی بر میگرده و فقط هدف من آموزش ساختش بود ;)
یه سوال: دلیل خاصی داشت که هدرها رو تو تگ a گذاشتی؟
خوب برای اینکه برای کلاس hover هم بتونم یه جلوه ای رو در نظر بگیرم از تگ a استفاده کردم. البته میشد a رو در نظر نگرفت و hover رو برای li نوشت:

li:hover
{
..
}
ولی توی IE پشتیبانی نمیشه و IE کلاس hover رو برای تگ a فقط میشناسه. البته با ابزاری میشه hover رو هم به ie شناسوند ولی توی این مثال قصد استفاده از اونو نداشتم و برای همین تگ a رو براش در نظر گرفتم.
موفق باشید.