CSS border radius - дочерний перекрывающийся родительский элемент

Question

У меня есть следующая разметка: http://www.webdevout.net/test?011 Как видите, элемент "li" перекрывает скругленные границы, определенные для поля.

Есть ли способ предотвратить это, кроме применения угла непосредственно к последнему "li"?

Спасибо

Answer 1

Вы можете переместить цвет фона на .box и удалить нижнюю границу с последней li:

.box {
    background-color: #E6E6E6;
}

#vmenu li:last-child a {
    border-bottom: none;
}

На заметке не нужно окружать div, просто добавьте класс .box к ul.