css - 水平リストの問題

Question

パディングに vh または vw、またはパーセンテージを使用する水平方向のリストを作成しようとしています。jsなしでウィンドウに自動スケーリングするようにします。後方互換性はあまり気にしていません。ただし、いつでもリスト項目間にギャップがあります。

http://jsfiddle.net/P3f7P/

これに対する解決策はありますか？

Answer 1

display: blockリンクに追加するだけ-デモ

ul#topMenu li a:link, #topMenu li a:link {
    color: #7C7C7C;
    text-decoration: none;
    background: #252525;
    border-right: 1px solid #313131;
    padding: 1vh 2vw;
    text-shadow: 1px 1px #000;
    font-size: 2vw;
    display: block;
}