Промежуточный результат не очень похож на круглое меню, но ещё несколько строчек CSS-кода и всё изменится.

Первым делом мы обрежем части ссылок, которые выходят за пределы пунктов меню, и избавимся от избыточных пересечений. Для этого зададим свойство overflow со значением hidden для элементов списка.

Затем нужно будет придать меню круглую форму.

Для этого будем работать с самим списком ul, который сейчас выглядит как квадрат с синей рамкой. Добавим ему свойство border-radius со значением 50%, и квадрат превратится в круг.

А дальше останется только обрезать всё, выходящее за пределы круга. И снова используем overflow.

Круглое меню из двух пунктов готово, можно убрать вспомогательные фоны и рамки.