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 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.

The browsershot link didn't work. Have you just got a URL so we can see it ?
Generally, you have to feed IE some padding on the li or the <a> in the list to move the text over.

i met this problem several days age,i think you come across the same question,please open IE,select "tools" pull-down menu,choose "internet option",click on"normal",you will see "additional function" on the bottom of it which is next "Font",after opening ,pitch on the first option before "ingore the appointed color in website",click on "ok",then update it again,everything will be all right..

Changing the font size is NOT going to solve the problem.