菜单表无法正确呈现

Question

我正在尝试修复菜单表，以便与主页保持一致，但没有运气。由于某种原因，主index.php页面使用自己的css。

lcrisq.com

应该是什么样的：

这是style.css：

.chromestyle{
    position: absolute;
    top: 33px;
    margin-left: 195px;
    width: 401px;
    z-index: 100;
}

.chromestyle ul{
    background: url('images/backgrounds/nav.png') repeat-x top left;
    width: 431px;
    height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.chromestyle td{
    background: url('images/backgrounds/nav.png') repeat-x top left;
    width: 131px;
    height: 40px;
    padding: -30px;
    margin: 0;
    text-align: center;
}

看起来我需要做的是减少td如何

Answer 1

#container > table td:nth-child(2) {text-align: right;}
.chromestyle {display: inline-block; width: auto;}
.chromestyle > table {width: auto;} /* remove width attribute! */
.chromestyle > table ul {width: auto;}