Всем привет, то ли я дурак то ли лыжи не едут уже вроде все перепробовал, но что то не получается

 <nav class="row md-5 sm-6 xs-8 menu-on center">
                <ul>
                    <div><a href="/"><li class="white">Главная</li></a></div>
                    <div><a href="/signup"><li class="blue">Присоединиться</li></a></div>
                    <div><a href="/signin"><li class="red">Напомнить пароль?</li></a></div>
                </ul>
            </nav>

nav {
  display: none;
  position: fixed;
  top: @min-height;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: lighten(@bg-color-first, 5%);
  border-right: 1px solid darken(@bg-color-first, 10%);
  & ul {
    margin: 0;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    & li {
      border-top: 1px solid darken(@bg-color-second, 40%); //#768889
      padding: 10px 15px;
      border-bottom: 1px solid transparent;
    }

    & div {
      &:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
      }

      &:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
      }
    }
  }
}

Кусок кода, у меня тут три блочных элемента мне надо задать округление top первому элементу и bootom последнему, но округляются вообще все дивы, изначально было без дивов, но вот состряпал вот такой велосипед, если я правильно понимаю родителям li является a.