Удалить последнюю нижнюю границу?

Я использую li для отображения списка записей.

У каждого li есть нижняя граница: сплошной черный 1px;

но я не хочу показывать границу в конце li?

пример:

.test li{
        height:1%;
        overflow:hidden;
        padding:4px 0;
        margin:-1px 0 0;
        border-bottom: 1px solid black;
    }

.test li.last { border-bottom: none;  }

<ul class="test">
  <li> Foo 1 </li>
  <li> Foo 2 </li>
  <li> Foo 3 </li>
</ul>

Foo 3 все еще показывает нижнюю границу.