Вертикальное меню копия вк от waaka

<div class="left_bc">
  <nav>
  <ul>
  <li><a href=""> <span class="left_icon" style=" background-position: 7px 6px;"></span> Моя страница</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -917px;"></span> Новости</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -21px;"></span> Сообщения</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -77px;"></span> Друзья</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -105px;"></span> Группы</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -133px;"></span> Фотографии</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -161px;"></span> Музыка</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -189px;"></span> Видео</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -217px;"></span> Игры</a></li>
  <div class="more_div l_main"></div>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -944px;"></span> Товары</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -301px;"></span> Закладки</a></li>
  <li><a href=""> <span class="left_icon" style="background-position: 7px -273px;"></span> Документы</a></li>
  <div class="more_div l_main"></div>
  <li><a href=""> <span class="left_icon"></span> Моя страница</a></li>
  </ul>
  <div class="foot">
  <a href="">Правила</a> <a href="">Реклама</a> Хостинг от <a href="">ucoz</a>
  </div>
  </nav>
  </div>

.left_bc {
  width: 150px;
  overflow: hidden;
}
.left_bc ul li:hover {
  background: #e1e5eb;
  text-decoration: none;
  border-radius: 2px;
}

.left_bc ul li a {
  height: 28px;
  line-height: 27px;
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #285473;
  display: block;
}
.left_bc .left_icon {
  width: 35px;
  height: 25px;
  background: url("../img/menu_icon.png") no-repeat 7px -441px;
  display: block;
  float: left;
}

.more_div {
  margin-top: 9px;
  margin-left: 27px;
  margin-right: 6px;
  padding-top: 9px;
  border-top: 1px solid #dfe2e8;
}

.foot {
  padding-top: 16px;
  margin-top: 10px;
  border-top: 1px solid #dfe2e8;
  color: #939699;
  line-height: 19px;
  font-size: 12px;
}

.foot a {
  padding-right: 10px;
  color: #939699;
  white-space: nowrap;
  line-height: 19px;
  font-size: 12px;
}

.foot a:hover {
  text-decoration: underline;
}