在我博客的分页部分，我使用了<?php previous_post_link(); ?> 和<?php next_post_link(); ?> 生成较新和较旧的帖子链接。不过，在这个动作中，我加入了一个空白的范围，我用CSS插入了一个图像。虽然代码没有生成错误，但图像不会显示。我想知道为什么会这样，是否有更容易/更好的方法来达到预期的效果？

<div class="pagination">    
        <ul>
            <li><?php previous_post_link(\'<span class="left-arrow"></span> older posts\'); ?></li>
            <li><?php next_post_link(\'<span class="right-arrow"></span> newer posts\'); ?></li>
        </ul>            
    </div><!-- end pagination -->

#blog .pagination {
    background: url(\'img/dots_large.png\') no-repeat;
    height: 169px;
    width: 635px;
    float: right;
    margin-right: 14px;
    padding-bottom: 20px;
    text-align:center;
}

#blog .pagination ul { 
    display:inline;
    margin: 0 auto;
}

#blog .pagination ul li {
    display: inline;
    margin: 0 auto;
    width: 290px;
}

#blog .pagination .left-arrow {
    padding-right: 20px;
}

#blog .pagination .right-arrow {
    padding-left: 20px;
}


#blog .pagination span.left-arrow {
    background: url(\'arrow_left.png\') no-repeat;
}

#blog .pagination span.right-arrow {
    background: url(\'arrow_right.png\') no-repeat;
}

live site