使用jQuery的圆角无法正确呈现

Question

在IE中出现圆角问题。一切正常，但圆形元素的角落呈现白色。所以我有我想要它们的圆形元素，但是有小的白色角落，元素已经圆润。有什么想法吗？

<script>
    $(document).ready(function(){
        $(".top li").corner("rounded 7px");
    });
    </script>

.top ul li{
        display:inline;
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight:bold;
        font-size:0.95em;
        margin-right:0px;
        height:20px;
        padding:7px;
        -moz-border-radius: @nav_corners;
        -webkit-border-radius: @nav_corners;
        -khtml-border-radius: @nav_corners;
        border-radius: @nav_corners;
        position:relative;
        &:hover{
            background-color: @nav_gradient_start; /* for non-css3 browsers */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@nav_gradient_start', endColorstr='@nav_gradient_end'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(@nav_gradient_start), to(@nav_gradient_end)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  @nav_gradient_start,  @nav_gradient_end); /* for firefox 3.6+ */ 
            //Inner top shadow
            -moz-box-shadow: inset 2px 2px @nav_shadow;
            -webkit-box-shadow: inset 2px 2px @nav_shadow;
            box-shadow: inset 2px 2px @nav_shadow;
        a{
            color:#1f3b0b;
        }
        }
    }