problem bei 'Adressierung'

[roebert stumpe]

Hallo selfhtml'er

habe hier ein kleines problemchen den Link 'format hier!'

html:

<div id=action>
...
<div class="teaser fun">
<h3><a>...</a></h3>
<p>...</p>
<p class="more"><a href="">format hier!</a></p>
</div>
...
</div>

... im css-file anzusprechen. die sache wird über ein CMS gepflegt - damit sollen verschiedene styles für die jeweilige rubrik möglich sein(der zweite parameter(hier z.b. fun) für die div-klasse ist in einer options-liste im cms und bestimmt damit die endformatierung des teaser-block(einfärbung))
das funktioniert auch wunderbar

#action .teaser
{
 margin etc ...
}

#action .fun
{
 color: #CA5474;
 background-color: #F8ECF0;
}

#action .fun a
{
 color: #CA5474;
}

will ich aber jetzt das icon was am more-link hängt weiter anpassen komme ich nicht weiter;
hier also erstmal der stlye der allgemein wirkt (jedes a in p class=more im bereich action bekommt das icon)

#action .more a/* */
{
 background: transparent url(<%img_icon_more_i%>) no-repeat 100% 55%;
 padding-right: 15px;
}

und hier einer meiner versuche:

#action .fun .more a{
 color: #123456;
 background: transparent url(<%img_icon_more_fun%>) no-repeat 100% 55%;
}

habe schon einiges probiert in IE und Mozilla - der rubrikspezifische style zieht noch nicht

kann mir bitte jmd weiterhelfen