Новая навигация форума для светлых дизайнов

.button {cursor:pointer;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;outline:0;}
.button div {cursor:pointer;text-align:center;background:url(http://rucoz.com/img/4461357.gif) repeat-x;background-position:bottom left;padding:3px 6px 4px 6px;margin-right:-2px;left:-1px;position:relative;z-index:10;font:11px 'Arial';color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:0;border-bottom:0;outline:none;}  
.button:hover {border-top:1px solid #8ac;border-bottom:1px solid #8ac;text-decoration:none;}
.button:hover div {background-position:bottom right;color:#568;border-left:1px solid #8ac;border-right:1px solid #8ac;}

<a href="/index/14" class="button" rel="nofollow"><div>Личные сообщения ($UNREAD_PM$)</div></a>  
<a href="$RECENT_POSTS_LINK$" class="button" rel="nofollow"><div>Новые сообщения</div></a>  
<a href="$MEMBERS_LIST_LINK$" class="button" rel="nofollow"><div>Участники</div></a>  
<a href="$BOARD_RULES_LINK$" class="button" rel="nofollow"><div>Правила форума</div></a>  
<a href="$SEARCH_PAGE_LINK$" class="button" rel="nofollow"><div>Поиск</div></a>  
<a href="$RSS_LINK$" class="button" rel="nofollow"><div>RSS</div></a>