任何人都可以看到为什么下拉链接在左侧？ http://altadorcup.sketchedneo.com/testing/
如果您将鼠标悬停在游戏指南上，请注意下拉链接框位于左侧而不是中间。
我不确定需要哪一点 css，所以我发布了所有下拉菜单 css
所以我想要，如果有人能看到问题，文本左对齐但框的中间对齐？
#navigation ul {
padding:10px 1px 1px 1px;
margin: 0;
list-style: none;
float:middle; text-align:left;
}
#pad{padding:0px 0px 0px 45px;}
#navigation li {
float: left;
position: relative;
}
#navigation a{
display:block;
color:#fff;
text-decoration:none;
padding:0px 10px;
}
#navigation ul ul{
position:absolute;
left:-999em;
height:auto;
z-index:497;
width:129px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
background:#8c8c8c;
padding: 2px; border:1px solid #ffffff; border-top:1px solid #ffffff;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
}
#navigation ul ul ul {
position:absolute;
left:-999em;
height:auto;
width:129px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
background:#8c8c8c;
padding: 2px; border:1px solid #ffffff; border-top:1px solid #ffffff;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
z-index:497;
}
#navigation li li {
width:99px;
font-weight:bold;
font-family:helvetica,sans-serif;
}
#navigation li li a {
padding:4px 10px;
width:100px;
font-size:12px;
color:#fff;
}
#navigation li ul ul {
margin:0px 0 0 0px;
}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#8C8C8C; }
#navigation a:link,#navigation a:visited, #navigation a:active {
color: #fff;
font-weight: normal;
text-align: left;
text-decoration: none;
}
#navigation a:hover {
color: #000;
font-weight: normal;
text-align: left;
text-decoration: none;
}