当转换悬停时，菜单链接会向左移动一点

Question

我有一个CSS3菜单，一切都很好但是当我设置-webkit-transition:以扩展菜单中的宽度和边距时，当我将鼠标悬停在ul而不是按钮时它会摇晃一下像左边1px直到过渡结束。

您可以在此处查看：

  

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

随意查看网站的来源并转到style.css，因为菜单对于jsFiddle来说太大了。

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

没关系，我修好了，我用了桌子而不是中心标签，它得到了修复！