Help needed with CSS (Tabs)

[DeanLag]

.Tab a.selected{ 
font: bold 13px Arial;
background: #516672 url(left.gif) left top no-repeat;
color: white;
text-decoration: none;
padding-left: 10px;
}

.Tab a.selected span{
font: bold 13px Arial;
background: #516672 url(right.gif) right top no-repeat;
padding-right: 10px;
color: white;
text-decoration: none;

        <li class="selected"><a href="tabs.php?cat1" rel="Tab">
<span>General</span></a></li>

This is what I get:


The red part (to see where the actual image is) is the top right corner image which, for some reasons, doesn't go to top right. However, it aligns when theres no padding.


Any help is appreciated and thanks in advance!