Html 镀铬按钮衬垫

我想做这样的菜单，当你将项目悬停时，它会得到与实际页面相同的颜色。 e、 就像这里一样

它与Mozilla配合很好，但在Chrome中，div上方总是有一条很细的线，因此转换不流畅。我已将所有填充设置为0px

按钮的样式如下所示：

button
{            
  background: #fff;   
  font-size: 14px;   
  color: #555;   
  border: 1px #ddd solid;
  border-bottom: none;
}   

对于div来说呢

.main_div
{
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  margin-left:0;
  margin-right:0;
  width:100%;
  background-color:#d0f0f6;
  text-align:left;
  padding:0px;
}

---

您能帮我解决这个问题吗？

由于缺少HTML标记，我们在这里进行猜测，但是：

.button
{            
  background: #fff;   
  font-size: 14px;   
  color: #555;   
  border: 1px #ddd solid;
  border-bottom: none;
  margin-bottom: -1px; //Note added line here
}  

---

如果您可以添加更精确的标记，我可以进一步帮助您

我不完全确定这是否能解决您的问题，但对于那些有按钮填充问题的人，通常情况下，这可能与框大小有关：

至少对于Chrome，按钮元素的默认值为：

box-sizing: border-box;

因此，设置的任何宽度/高度都将是实际可见的宽度/高度，任何填充/边框都会占用该宽度/高度内的空间。

---

这与大多数其他元素不同，默认设置为“可见宽度等于宽度+填充+边框”。（这是框大小：内容框；）。

谢谢。这是一种工作方式（当我在div中选择marin top:-2时），但问题是，在mozzila中，它有点在按钮下面。我可以克服它，但如果有其他答案出现，我会等一会儿。@Tom83B是的，这就是我所期望的效果，你能发布一些HTML代码吗？即使是把它做成一件好事也会很棒！只需导航（整个菜单，如果可能）点击我！点击我！看起来是这样的。事实上我已经解决了。刚刚更换了一个按钮，用于显示：块。非常感谢您的帮助。请张贴您的HTML代码：）-用于导航。也许您必须增加悬停高度并为菜单提供z索引