Html 在div顶部显示li？边界问题

所以我正在尝试构建我在photoshop中制作的东西

我试图将

放在边框的顶部，以便它隐藏右侧的边框。（这有道理吗？）

这是一把小提琴： 请注意，当您将鼠标悬停在

/链接上时，将显示右边框

我怎样才能修复这个问题，使每一个li都能覆盖并隐藏边界？或者您还有其他解决方案吗

---

谢谢

我添加到了你的

li

position: relative; 
right: -1px

border-right: none;

（或者您可以将边距更改为

15px-1px 0 20px

，将其向右拉

1px

。）

…和您的

li:hover

position: relative; 
right: -1px

border-right: none;

…而且成功了

---

.

仅在Chrome 12上进行了测试，因为我目前不在开发机器上：

更改此项：

.panel_nav li{list-style:none;padding:10px;margin:15px 0 0 20px;}

致：

在li:hover的末尾（在“border:”语句之后，否则它将默认为#ccc）：

---

如果将右边框设置为负1px

则为右边框-1px，将右边框颜色更改为白色

.panel_nav li {
    margin:15px -1px 0 20px;
}
.panel_nav li:hover{
    border-right-color: #fff;
}

---

将边框颜色设置为

透明

是否更适合未来？