List background-image not showing in IE6

[michaelbenson]

Hi guys, after checking out my website in different browsers through www.browsershots.org I noticed that it works perfectly in every website but, you guessed it, IE6 :mad: There appears to be some issues with displaying the background-image property for some list items - here is the CSS:

/* --- NAVIGATION INFORMATION --- */
ul.pagenav
{
    list-style:none;
    margin:0 !important;
    padding:0 !important;
}

.page_item a
{
    display:block;
    height: 97px !important;
    width: 300px !important;
    text-decoration:none;
    text-align:left;
    color:#93114a !important;
    margin:0 !important;
    padding:0 !important;
}

.page-item-home
{
    background:transparent url('images/benson/Go-Back-Home---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-home a:hover
{
    background:transparent url('images/benson/Go-Back-Home.jpg') no-repeat;
}

.page-item-9
{
    background:transparent url('images/benson/Get-Invovled---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-9 a:hover
{
    background:transparent url('images/benson/Get-Invovled.jpg') no-repeat;
}

.page-item-11
{
    background:transparent url('images/benson/Give-Me-60-Seconds---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-11 a:hover
{
    background:transparent url('images/benson/Give-Me-60-Seconds.jpg') no-repeat;
}

.page-item-2
{
    background:transparent url('images/benson/What-Do-You-Do---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-2 a:hover
{
    background:transparent url('images/benson/What-Do-You-Do.jpg') no-repeat;
}

.page-item-3
{
    background:transparent url('images/benson/Why-Bother---Dim.jpg') no-repeat;
    margin:0 !important;
    padding:0 !important;
}

.page-item-3 a:hover
{
    background:transparent url('images/benson/Why-Bother.jpg') no-repeat;
}

.current_page_item
{
    display:none;
}

<ul class="pagenav">


<li class="page_item page-item-11"><a href="http://xxx.com/60-seconds/" title="60 Seconds …">60 Seconds …</a></li>
<li class="page_item page-item-9"><a href="http://xxx.com/get-involved/" title="Get Involved!">Get Involved!</a></li>
<li class="page_item page-item-2"><a href="http://xxx.com/what-do-you-do/" title="What Do You Do?">What Do You Do?</a></li>
<li class="page_item page-item-3"><a href="http://xxx.com/why-vote/" title="Why Bother Voting?">Why Bother Voting?</a></li>

</ul>

If anyone could help me out I would really appreciate this! It appears as though the last item in the list has its background image property displayed correctly, but the rest are not.