我怎样才能像我需要的那样用CSS来设计这个菜单呢？

这是我的网站：

将鼠标悬停在主导航上以查看相关菜单

关于我们的菜单几乎完美无瑕。我唯一需要解决的问题是将垂直线一直延伸到顶部和底部

在“新闻”菜单上，我们需要将垂直线一直延伸到顶部和底部。此外，蓝色高亮显示需要扩展框的整个高度/宽度

在“产品/服务”菜单上，垂直线需要是菜单的整个高度。此外，蓝色悬停背景需要扩展内部的全宽，“标题”需要加粗（用于家庭、企业和政府、教育）

这是wordpress，因此如果需要，我可以在菜单中添加一个特殊类，但修复程序需要足够通用，以便我们可以添加新项目，而不会导致出现问题

---

任何帮助都将不胜感激。

使用负边距，然后增加填充以用虚线边框补偿li类

padding: 10px 8px;
margin: -10px 0px -10px 0px!important;

---

通过@ConnorMiles，是否可以将菜单设置为显示块，以便更容易查看和操作？