html - 悬停过渡时，菜单链接向左移动一点

Question

我有一个 CSS3 菜单，一切正常，但是当我设置-webkit-transition:扩展菜单中的宽度和边距时，当我将鼠标悬停在ul非按钮上时，它会向左晃动 1px，直到过渡结束。

你可以在这里查看：

http://developers-community.com/beta/

随意查看网站的源代码并转到style.cssjsFiddle 的菜单太大。

Answer 1

<div id="my_menu">

<ul>

<li style="width: 98px;"><a class="menu" href="http://developers-community.com/">Home</a></li>

<li style="width: 98px;><a class="menu" href="about.html">About</a></li>

<li><a class="menu" href="#">Contact</a></li>

<li><a class="menu" href="#">Apps/Tabs</a></li>

<li><a class="menu" href="#">Web Services</a></li>

</ul></div>

添加这个....这将工作

Answer 2

没关系，我修好了，我用表格代替了中心标签，它就修好了！