Css 第1列中最后一个LI的两列OL边框底部溢出到第2列。如何修复？

我有一个列计数为2的OL

“收获”列表项第一列中最后一个LI的下边框溢出到第二列，位于“联邦激励税收抵免”列表项上方。如何修复它，使第一列中最后一个LI上的边框保持在第一列中，而不会流入第二列的顶部

页面：

CSS：

ol.options {
    list-style-type: none;
    font-weight: 400;
    font-size: 2vw;
    color: #444;
    line-height: 1.5;
    column-count: 2;
    column-width: 40%;
}
li.choice {
    border-bottom: 1px solid rgb(230,173,0);
    line-height: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

---

Firefox Mac上不会出现这种情况，所以Chrome浏览器可能会出现这种情况。我可以通过向LI元素添加宽度和高度属性来修复它。html框架的底层css也使用vw和%对文本和结构进行流畅响应。我必须将OL parent div更改为静态px宽度，将LI文本更改为静态px大小，以便在浏览器宽度更改时保持不变。我现在只对文本和宽度使用静态px大小，直到视口达到800或900 px宽度，然后在移动媒体查询中更改元素属性，由于边框底部仍在某些视口宽度下“向前跳”到下一列，因此在mobile上使用单个列计数可以减少任何差异。虽然没有我希望的那么流畅，但在显示器和设备上都有很好的应用效果。我还必须更改每个LI中每行文本的措辞，以免流入第二行，使每个LI成为静态px中的静态尺寸测量宽度方向和高度方向，以保持柱的稳定测量。