将导航栏项目扩展到盒子阴影的整个宽度？

Question

以下是我正在进行的工作：www.buymaengdakratom.com

我正在尝试让导航栏项目扩展框阴影的整个宽度，以便不显示框阴影的白色背景。

这是 CSS＆amp; HTML 我正在使用http://jsfiddle.net/Abijah/DJsKk/

Answer 1

这是一种方法。删除<ul>上的填充并将显示设置为表格。然后在列表项上，将其显示设置为table-cell。请务必从列表项中删除float：left。

添加了CSS：

ul {
    padding:0;
    display:table;
}
li {
    display:table-cell;
}

<强> jsFiddle example

这适用于所有现代浏览器以及IE8 +。

Answer 2

这对我有用：

为width: 970px;设置padding: 0;和#appleNav。

请在此处查看：http://jsfiddle.net/DJsKk/2/。