为什么我划过li的时候红色背景块显示的没有最终效果一样大
<style type="text/css">
/*在此定义相关样式，控制列表的显示形式*/
body{
height:150px;
width:300px;
border:1px solid white;
h3{
font-size:;20px;
font-weight:bold;
}
.mid{
height:80px;
}
}
.mid li{
list-style-type:none;
float:left;
margin-right:10px;
}
.mid a:link,a:visited{
text-decoration:none;
color:black;
}
.mid a:hover,a:active{
color:white;
background-color:#be3948;
display:block;
}
</style>
