.user-profile-sidebar {
     width: 60px;
     position: absolute;
     left: 105px;
     top: 202px;
     background: #262626;

     box-shadow: -5px 0 8px -4px #000 inset;
}
.user-profile-sidebar .content {
     width: 60px;
}
.user-profile-sidebar.highlight {
     background: #b31919;
}

.user-profile-navigation .item {
     height: 55px;
     position: relative;
     margin: 0 0 5px 0;
}

.user-profile-navigation .nested {
     position: absolute;
     top: 0;
     left: 100%;
     z-index: 101;
     width: 150px;
     display: none;
}
.user-profile-navigation .item:hover .nested {
     display: block;
}

.user-profile-navigation .nested .item {
     width: 100%;
     background: #262626;
     border-bottom: 1px solid #333;
     height: auto;
     position: static;
     margin: 0;
}

.user-profile-navigation .item a {
     height: 30px;
     display: block;
     text-align: center;
     color: #9a9a9a;
     font: normal 11px/1 'PT Sans', Arial, sans-serif;
     padding: 32px 0 0 0;
     text-transform: lowercase;
     overflow: hidden;
     background-repeat : no-repeat;
     background-position: center 9px;
     background-image: url(../img/ui/icon-pix-nav.png);
}

.user-profile-navigation .nested a {
     height: auto;
     text-align: left;
     padding: 10px;
     white-space: nowrap;
     background-image: none !important;
}

.user-profile-navigation .item .tv {
     background-image: url(../img/ui/icon-tv.png);
}
.user-profile-navigation .profile a{
     background-image: url(../img/ui/icon-userinfo-nav.png);
}
.user-profile-navigation .bonus a{
     background-image: url(../img/ui/icon-bonus-nav.png);
}
.user-profile-navigation .friends a{
     background-image: url(../img/ui/icon-friends-nav.png);
}
.user-profile-navigation .blog a{
     background-image: url(../img/ui/icon-blog-nav.png);
}
.user-profile-navigation .games a{
     background-image: url(../img/ui/icon-star-nav.png);
}
.user-profile-navigation .files a{
     background-image: url(../img/ui/icon-upload-nav.png);
}
.user-profile-navigation .settings a{
     background-image: url(../img/ui/icon-settings-nav.png);
}
.user-profile-navigation .comments a{
     background-image: url(../img/ui/icon-comments-nav.png);
}
.user-profile-navigation .feed a{
     background-image: url(../img/ui/icon-feed-nav.png);
}
.user-profile-navigation .tools a{
     background-image: url(../img/ui/icon-tools-nav.png);
}
.user-profile-navigation .counter {
     position: absolute;
     right: 5px;
     top: 5px;
     display: none;
     color: #fff;
}

.user-profile-navigation a:hover {
     color: #fff;
     background-color: #141414;
     box-shadow: 0 0 5px #000 inset;
     background-position: center -70px;
}
.user-profile-navigation .current a {
     color: #fff;
     background-position: center -70px;
}

.user-profile-navigation a:hover .counter {
     display: block
}

.user-profile-navigation .notlink {
     cursor: default;
}

<div class="user-profile-sidebar">
<div class="content" id="stickBarNavigation">

<div class="user-profile-navigation" id="userProfileNavigation">
<ul class="semantic-list" style="padding-left: 0px;">
     <li class="item profile"><a
    href="">профиль</a></li>
     <li class="item settings"><a
    href="">настройки</a></li>
     <li class="item feed"><a
    href="">лента </a></li>
     <li class="item comments"><a
    href="">комменты</a></li>
     <li class="item blog"><a
    href="">блог <span class="counter">0</span></a></li>

     <li class="item games"><a href="">игры</a></li>
     <li class="item friends"><a
    href="">друзья <span
    class="counter">0</span> </a></li>
     <li class="item bonus"><a
    href="">бонусы</a></li>
     <li class="item files"><a
    href="">файлы</a></li>
</ul>
</div>
</div>
</div>