es padded nich - warum?

[Claus]

Hallo,
ganz merkwürdiges Problem: ein per .class gekennzeichneter Link padded nicht nach rechts. Der Link spricht wunderbar auf alle möglichen anderen Stilangaben  an (font-weight, color, font-size, .etc.), aber die geforderten 22px nach rechts, um das in den Styles hinterlegte .gif anzuzeigen, das klappt nicht. Warum?

Das Stylesheet ist W3C-validiert, das html hat nur kleinere Fehler in den meta-Angaben.

Es gibt auch kein 2tes Stylesheet, das die Angaben überschreibt.

Hier kann man den Kandidaten ansehen, es sind die "weiter" und "zurück"-Links am Ende der Seite: http://www.energieteam-sued.de/relaunch

Und hier ist der imho relevante Code:

:: Im CMS (CMS Made Simple) mit Smarty-Engine  ______________________________

<div class="left49 core-float-left">
                <span>
                  {cms_selflink dir="previous" label="Vorige Seite:"  class="vorher" }
                </span>
                 <span>
                {cms_selflink dir="next" class="weiter" }
                </span>
              </div>

::Ausgabe HTML  ______________________________

  
<div class="left49 core-float-left">  
    <span>  
      Vorige Seite:  
          <a href="http://www.energieteam-sued.de/relaunch/Referenzen.htm" title="Referenzen"  class="vorher">  
		Referenzen</a>&nbsp;  
                </span>  
                 <span>  
                N&auml;chste Seite: <a href="http://www.energieteam-sued.de/relaunch/Referenzen/Referenz-Planung-Beratung.htm" title="Referenz: Planung + Beratung"  class="weiter">Referenz: Planung + Beratung</a>  
                </span>  
              </div>

::CSS-Styles ______________________________

  
.right49, .left49 {  
font-size: 0.85em;  
margin: 7px 5px 5px 10px;  
border:0;  
background: transparent;}  
  
.left49 span {  
display: block;  
padding: 1px 22px 0 0;  
font-size:1.3em;  
line-height:1.3em;  
}  
  
.left49  a:link, .left a:visited {  
padding-right:22px;}  
  
/*----------- Global Float ----------- */  
  
.wrap1061    .core-float-left {  
	float: left;  
	display: inline;  
}  
  
/*--------------- knoepfe weiter/vorher/top ----  */  
.right49 {  
height: 32px;  
width: 32px;  
padding: 10px;  
}  
.weiter {  
font-weight: bold;  
padding-right: 22px;  
background: transparent url([[root_url]]/uploads/NCleanBlue/right.gif) no-repeat right center; }  
  
.vorher {  
font-weight: bold;  
padding-right: 22px;  
background: transparent url([[root_url]]/uploads/NCleanBlue/left.gif) no-repeat  right center; }

:::::::::::::::::::::::::::::::::::::