カスタムメニューでの改行表示位置について

WordPress 3.3.1 を日本語環境にて使用です。
環境はMac OS10.7.2でおもにGoogleChromeを使用してます。

http://www.joudan.net/
現在上記サイトを製作中ですが、カスタムメニューの部分で質問があり
投稿させて頂きました。

ブラウザ幅を狭めて行ったときに、li要素が改行されてメニューが二段構成となります。

メニューはロールオーバーすると少し浮き上がる仕組みにCSSを使用して
なっているのですが、この動作が原因で改行された一番左のメニューが
一番右側のメニューをロールーバーしたときにの浮いた隙間に戻ってきてしまいます。

メニューが改行された場合、
タグが自動で入る設定が出来れば
上記のトラブルも解決しそうなのですが、
どなたかわかる方はいらっしゃいますでしょうか？

CSSでの動き部分

#fly-menu li, #fly-glow-menu li {
		-webkit-transition: .3s ease-in-out;
  		-moz-transition: .3s ease-in-out;
  		-o-transition: .3s ease-in-out;
	}
#fly-glow-menu li:hover {
		margin-top: -0.5em;
	}

カスタムメニュー使用の為のfunction記述部分
add_theme_support('menus');

header.phpでのカスタムメニュー記述部分

<?php wp_nav_menu(array(
'menu' => 'main_menu',
'container' => 'ul',
'theme_location' => 'primary',
'menu_class' => '',
'menu_id' => 'fly-glow-menu'
)); ?>

以上になります。どうぞよろしくお願い致します。