css - Webkit は変換されません

Question

transform を使用すると、chrome と safari を除くすべてのブラウザーで動作します。それは他のすべてに作用します。ヘルプが必要なセクションを投稿しました。ありがとう！

#top-nav{
background: #94b3c8;
text-align: cemter;
}

#top-nav dt {
display: inline-block;
padding-left: 30px;
font: 20px Tahoma;
color: white;
padding-bottom: 3px;
}

#top-nav a:active{
color: white;
text-decoration: underline;
}

#top-nav a:link{
color: white;
text-decoration: none;
}

#top-nav a:visited{
color:white;
text-decoration:none;
}

#top-nav a:hover{
color: white;
text-decoration: underline;
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}

ナビゲーション Html. これが問題だとは思いません。(ただし、ul の代わりに dl を使用する必要がある可能性があります):

<nav id='top-nav'>
            <dl>
                <dt> <a href='index.html'> Home </a></dt>
                <dt> <a href='FAQ.html'> FAQ </a> </dt>
                <dt> <a href='contact.html'> Contact </a></dt>
            </dl>
        </nav>

Answer 1

display:block;に追加#top-nav a:link{

デモ:
http://jsfiddle.net/QaYx7/1/