列表菜单中的CSS边框折叠问题

Question

<li class="dropdown redq-fullwidth">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-flask"></i> <span> List </span></a>
    <ul class="dropdown-menu">
        <li>
            <!-- Content container to add padding -->
            <!-- <div class="redq-content"> -->
            <ul class="columns col-lg-4 col-sm-4 list-unstyled">
                <li>
                    <ul>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="columns col-lg-4 col-sm-4 list-unstyled">
                <li>
                    <ul>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="columns col-lg-4 col-sm-4 list-unstyled">
                <li>
                    <ul>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                        <li>
                            <a href="#">Lorem Ipsum Dolor Sit Amet</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- </div> -->
        </li>
    </ul>
</li>







.columns ul li {
  border: 1px solid #EBEBEB;
}

现在我遇到了边境问题。当我想添加li边框然后它覆盖另一个.whats删除边框覆盖的最佳方法。它将是动态菜单，所以我想要一个通用的解决方案。谢谢 。

这是链接：http://yellowstring.net/mega-menu/