css - 背景图像高度切割

Question

我想弄清楚为什么我的 a:selected 类的背景图片底部和顶部都被切掉了。我试过将 height:!important; 和 min-height; 分配给 .main_menu ul li 和 .main_menu ul li a .selected，但似乎其他东西限制了背景图像大小 (17x21px)

我想提供一张图片，但由于我是新手，他们不让我这样做:( 图像是一个圆圈，它被从底部和顶部切开，就像它适合放入一个较小的容器中一样

这是代码，感谢您的任何建议!

.menu_container{
    position: absolute;
    float: left;
    width: 270px;
    margin-top: 220px;  
}
.main_menu ul { 
    padding: 0px; 
    margin:0px;
    list-style-type: none;  
}
.main_menu ul li {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    letter-spacing:4px;
    text-align:right; 
    line-height:35px;  
    list-style-type:none;
}
.main_menu ul li a  {
    padding-right: 25px;  
    text-decoration:none;  
    color:#999; 
} 
.main_menu ul li a.selected {
    color: #bc4c9b;
    font-weight:bold; 
    background: url(images/circle.gif) right center no-repeat;
    height: 35px!important;  
}   
.main_menu ul li:hover {
    text-decoration:none;  
    color:#999;  
    font-weight:bold;  
    background:url(images/circle_grey.gif) right center no-repeat;
}  

Answer 1

尝试重写以下规则:

.main_menu ul li a  {
    padding-right: 25px;  
    text-decoration:none;  
    color:#999; 
    display:block;
}