Firefoxの小さなクリック可能な領域

Question

Firefoxでは、私のフッタのリンクのクリック可能な領域はTINYです。クリック可能な領域は、ラベル全体（幅と高さの両方）にまたがっていません。 IEでは、それは問題ありません。何か案は？ここで

は、私のフッターのコードです：

<div id="footer"> 
<ul> 
<li>RKM Research and Communications, Inc.&nbsp;&nbsp;|</li> 
<li>1039 Islington St&nbsp;&nbsp;|</li> 
<li>Portsmouth, NH 03801&nbsp;&nbsp;|</li> 
<li>603.433.3982&nbsp;&nbsp;|</li> 
<li><a href="mailto:info@rkm-research.com">email us</a></li> 
</ul> 
<ul class="copyright"> 
<li>&copy; 2012 RKM Research and Communications, Inc. </li> 
<li><a href="privacy.html">Privacy policy</a> </li> 
<li><a href="terms.html">Terms of use</a></li> 
</ul> 

と私のCSS：

div#footer ul li{ 
color : #036; 
background-color : transparent; 
display: inline 
} 

div#footer ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:inline-block; 
paddding:10px 20px; 
} 

.footer ul li a:hover{color:#F6901E; 
text-decoration : underline; 
} 

私もクラスを使用してブロックスタイルを適用しようとしたが、それはまだ助けていない。

<li class="flink"><a href="mailto:info@rkm-research.com">email us</a></li> 
</ul> 

CSS：

.flink ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:block; 
paddding:10px 20px; 
float:left; 
} 

Answer 1

小さな世界ですが、私もポーツマスに住んでいます。

あなたが指定したコードでは、クリック可能な領域は、まさにそのようになります。これを確認するには、http://jsfiddle.net/cCDaL/1/

各a要素の背景を黄色にして、クリック可能な領域が正確にわかるようにしてください。それは本当に必要なものです。

あなたの問題への答えは、クリック可能エリアを小さくしている可能性がある別のCSSルールがあると思われます。line-heightまたはpadding（埋め込みはリンクでクリックできません）。 ChromeまたはFirefoxのインスペクタを使用して、問題の原因を確認できます。

別の編集： Firefoxのオーロラ14.0a2では、クリック可能な領域は確かにあなたのウェブサイトhttp://www.rkm-research.com/の私にとっては普通です。