我正在尝试设置我的导航菜单设计样式以反映timeanddate.com上的那个,如下图所示:

要创建颜色,他们在CSS中使用简单的左下边框.
我正在尝试<li>在我的网站沙箱上为我的标签添加边框,http://www.escapetech.com:8080.
我正在使用以下CSS:
.anylinkcss li {
list-style-type: none;
}
.participate li {
list-style-type: square;
border-left-color: #fa514d;
}
#navigation_bar {
height: 31px;
list-style: none;
width: 1000px;
margin-top: 15px;
}
#navigation_bar li {
float: left;
padding-right: 35px;
padding-left: 10px;
margin: auto 0px;
vertical-align: middle;
}
#anylinkmenu3, #anylinkmenu4, #anylinkmenu5, #anylinkmenu6, #anylinkmenu7 {
position: absolute;
line-height: 18px;
z-index: 20;
background-color: #000;
text-align:left;
visibility: hidden;
left: 421px;
top:207px;
padding: 7px;
padding-left: 25px;
}
Run Code Online (Sandbox Code Playgroud)
将#anylinkcss3进一步为代表的下拉菜单风格,而#navigation_bar风格是整个酒吧.无论我在哪里添加任何边框样式,都没有出现,即使在我注释掉所有CSS代码并且只是在这些ID和类上包含边框之后.
我目前的菜单是我上面发布的链接的现场直播,如果有人可以看一看并让我知道为什么边界出现可能有任何问题,我将不胜感激.这是我的第一个Stack Exchange帖子,所以我希望这个格式正确!