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!

[Lynne]

Um, well, yeah.... padding goes inside a box. You aren't going to get the red line in the top right corner as long as you are padding the box.

[DeanLag]

Aiight. Thanks!
Anyone knows how I can possibly get a workaround?