Html 在DIV中对齐水平UL菜单

努力让我的水平UL菜单在父分区中居中

相当烦人，因为它实际上是10-20像素

任何帮助都会很好，谢谢

HTML

---

只需删除行

minwidth:960px在导航栏div中，它应该可以工作。
下面是一个工作示例：
因此，问题在于用户代理样式

它添加了40px作为左填充

所以用它来删除它，希望它能覆盖大多数浏览器

*{-webkit padding start:0px；}

感谢Lorenzo的帮助。
非常感谢，但是我仍然要说，即使在您的版本中，整个菜单在全屏显示时左侧的空间比右侧的空间大？？将此添加到css:
#菜单ul{padding left=0px；}
有一个标准的40px填充，查看以上我的答案。谢谢你。
<div id="navbar">
        <ul id="menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="The-Isle-of-Wight.html">The Isle of Wight</a></li>
            <li><a href="Your Stay">Your Stay</a></li>
            <li><a href="Booking">Booking</a></li>
            <li><a href="Contact Us">Contact Us</a></li>
        </ul>
    </div>

#navbar {
    background-color: #dddddd;
    text-align: center;
    height: 28px;
    max-width: 100%;
    min-width: 960px;
    margin: 0 auto;
}
ul#menu li {
    display: inline-block;
}
ul#menu li a {
    background-color: #4d4d4d;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
}