C# asp菜单在浏览器中以不同方式显示

我有一个web应用程序，在页面顶部有一个菜单栏。此菜单栏在Internet explorer 9中显示良好，但在chrome中显示不正确。我真的不知道如何使此css文件成为跨浏览器css文件。
下面是它在IE中的表现。

下面是它在chrome中的表现。

我的css如下：

div.hideSkiplink
{
    background-color: #796540;
    width: 100%;
    height: 56px;
    margin: 0px 5px 20px 0px;
}

div.menu
{
    padding: 1px 0px 1px 8px;
    margin: 5px 0px 5px 0px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

这是我的页面标记

   <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False"
                    IncludeStyleBlock="False" Orientation="Horizontal" BackColor="#F7F6F3" DynamicHorizontalOffset="2"
                    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#7C6F57" StaticSubMenuIndent="10px"
                    DataSourceID="SiteMapDataSource1" OnMenuItemDataBound="NavigationMenu_MenuItemDataBound">
                </asp:Menu>
            </div>

---

有人能帮我吗？

尝试覆盖li填充、li边距、隐藏填充的默认参数

尝试更改宽度：100%；使某物固定/不变。或者，试着阅读这篇文章

我想看看链接来修复它。你能把它放进去吗？这是一个网内网站哦，对不起，你能把html的例子放进JSFIDLE吗？等等，让我看看我能做什么。。这将是我第一次使用jsfiddle尝试这个li{margin:；padding:；}.hideSkiplink{padding:；}