CSS: фоновое изображение для ссылки меню не отображается в IE 8

Question

На веб-сайте, над которым я работаю, есть меню с логотипом в качестве фона для последней ссылки.По какой-то причине это изображение не отображается в IE, даже если оно хорошо отображается во всех других браузерах.

Вот сайт:

http://www.cybart.com/bscg/

Я был бы признателен, если бы кто-нибудь взглянул на мой CSS и предложил версию Internet Explorer:

 #access {
    left:70%;
    top:140px;
    margin-left:-600px;
        width: 280px;
    z-index:999;
    position:relative;
    float:left;"
    }

#access ul {
-moz-box-shadow: 0 0 5px -1px #888;
-webkit-box-shadow: 0 0 5px -1px #888;
box-shadow: 0 0 5px -1px #888;
}

#access ul,
#access ul ul {
list-style-type:none;
width: 250px;
}

#access ul ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display:none;
}


#access ul li:hover > ul {
    display: block;
}


#access ul li:last-child {
height:77px;
background: url(images/aba/ABALinkRed.jpg) no-repeat top left;
text-indent: -3000px;
-moz-box-shadow: 0 0 5px -1px #888;
-webkit-box-shadow: 0 0 5px -1px #888;
box-shadow: 0 0 5px -1px #888;
}

#access ul li:last-child a {
background:transparent;
height:77px;
}

#access ul ul li:last-child {
background:transparent;
height:32px;
text-indent: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#access ul ul li:last-child a {
background:#fff;
background: rgba(255, 255, 255, 0.85);
height:18px;
}


#access ul a,
#access ul ul a {
display:block;
padding: 7px 0 7px 10px;
background:#fff;
background: rgba(255, 255, 255, 0.85);
text-decoration:none;
color:black;

} 


#access ul ul {
padding-left:40px;
margin-left:-20px;
}

#access ul ul a {
margin-left: -20px;
padding-left:20px;
width:230px;
}


#access ul a:hover,
#access ul ul a:hover {
color: #CA0000;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #CA0000;
}

Answer 1

Это работает в IE9, поэтому я предполагаю, что вы используете IE8.

Вот как вы добавляете изображение:

#access ul li:last-child {
    background: url(images/aba/ABALinkRed.jpg) no-repeat top left;
}

Причина, по которой это не работает, заключается в том, что :last-child не поддерживается в IE до версии 9, см .: http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx#pseudoclasses