html - トランジションでホバーするとメニューリンクが少し左に移動する

Question

私はCSS3メニューを持っていますが、すべてうまく機能-webkit-transition:していますが、メニューの幅とマージンを拡大するように設定するとul、ボタンではなくホバーすると、トランジションの終わりまで左に1pxのように少し揺れます。

ここで確認できます：

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

style.cssjsFiddle にはメニューが大きすぎるため、Web サイトのソースを自由に表示して にアクセスしてください。

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

センタータグの代わりにテーブルを使用したところ、修正されました。