出现在列断裂处的水平线

Question

我有这个基本形式，我已分成两列。 表单为HTML <form>，其中的条目位于<ul>。

<form method="POST"  action = "<?=$_SERVER['PHP_SELF']?>"> <?
    echo '<div style="background:red;width:25%;margin-left:auto;margin-right:auto;text-align: center">';
    //title text
    echo  '</div><br>';?>
        <ul class="twocolumn">
            <div class="firstcolumn" style="display: inline-block;width: 100%">
                //a bunch of fields
            </div>
            <div class="secondcolumn" style="display: inline-block;width: 100%">
                //the rest of the fields
            </div>
        </ul>
  </form>

我已使用CSS将<ul>类twocolumn指定为.twocolumn { -webkit-column-count: 2; ，我将其定义为：

{{1}}

}

它很好地完成了它的工作并将表单分成两部分。 但是，在Chrome上查看时，它会在左栏的最后一个条目下方引入一条细水平线，我无法摆脱它。它似乎与列规则属性无关 - 我尝试将列规则宽度设置为0并且没有任何更改。它无法在Chrome的开发工具中进行检查，也不会出现在源代码中。在我的所有在线搜索中，我都没有发现任何提及这种事情。

任何想法可能是什么以及如何摆脱它？谢谢！