border-image-repeat: space not working

Question

Я встретил небольшую проблему, которую я не могу решить.

Это мой CSS код, который должен работать:

div.menu-menu_hun-container li { 
    padding: 5px; 
    font-size: 18px; 
    -moz-border-image:url("images/menu-border.png") 0 0 1 0; 
    -webkit-border-image:url("images/menu-border.png") 0 0 1 0; 
    border-image:url("images/menu-border.png") 0 0 1 0; 
    border-width: 1px; 
    border-image-repeat: space; 
} 

Как вы можете видеть, я пытаюсь добавить границы изображения только в нижней части каждого элемента меню (за исключением последнего, как это уже решена). Проблема в том, что свойство пространства вообще не работает. Элементы меню имеют ширину 187 пикселей, а изображение - 125 пикселей. Я хочу поместить элемент границы влево, чтобы закрыть 2/3 нижней строки. Возможно, я не понимаю, как это свойство работает, но я думаю, что он должен позиционировать один элемент изображения в центре нижней границы, потому что больше нет места для другого элемента изображения, чтобы сделать границу полной. Надеюсь, вы, ребята, можете расчистить беспорядок в моей голове.

Answer 1

Если вы можете предоставить скрипку или изображение, это будет хорошо, во всяком случае, попробуйте изменить размер изображения и используйте border-image-repeat: space; или вы можете использовать round.