为什么我做的在FF和Chrome上显示的不一样？
<style type="text/css">
body,ul,li,a{
margin: 0;
padding: 0;
}
body{
margin: 5em 30%;
}
ul{
list-style: none;
overflow: auto;
border-bottom: 8px solid gray;
}
ul li{
float: left;
}
ul li a{
display: block;
text-decoration: none;
background-color: red;
width: 60px;
}
ul li a span{
display: none;
}
ul li a:hover span{
display: block;
background-color: gray;
}
ul li a:hover{
margin-top: -20px;
}
</style>
在chrome上li是18px，在FF上是20px 怎么解决呢
