CSS rollover problems with Internet Explorer 7

#Menu
 {
    width: 100%;
    height: 32px;
    margin-top: 93px;
    padding-left: 13px;
}


 #Menu a
{
    height: 32px;
    line-height: 32px;
    width: 123px;
    background: url("img/menu.png") top left no-repeat;
    background-position: -123px 0;
    float: left;
    margin-left: 3px;
    text-decoration: none;
    color: #1e1e1d;
    font-size: 12px;
    text-align: center;
}

 #Top #Menu a:hover, #Top #Menu a.active
{
    background-position: 0px 0;
    text-decoration: underline;
}

background: url("img/menu.png") top left no-repeat;
background-position: -123px 0;

background-position: bottom left;