Hintergrundbild wird nicht angezeigt

[ChrisB]

Hi,

<li><strong><a href="nav_steffen.html">Schulleben</a></strong></li>

<li><a href="design.html">Button 2</a></li>

  

> ~~~css
  

> #tabnav ul li strong {  
> 	background:transparent url(img/rechts3.gif) no-repeat right bottom;  
> }  
>   
> #tabnav ul li strong a {  
> 	background:transparent url(img/links3.gif) no-repeat left bottom;  
> 	color: #033;  
> 

Wie man sieht haben die Elemente <strong> und <a> jeweils ihre eigenen Hintergrundbilder.
Mein Problem ist nun, dass das Hintergrundbild von <strong> nicht angezeigt wird.

Woraus schliesst du das?
Selbst wenn da eins ist, kannst du es doch gar nicht sehen - es liegt ja ein Link davor, der selber wieder ein Hintergrundbild hat. (Sofern letzteres keine Transparenzen hat.)

Interessanterweise funktioniert auch das hier nicht:

#tabnav ul li strong {
background-color:red;
}

#tabnav ul li strong a {
background:transparent url(img/links3.gif) no-repeat left bottom;
color: #033;

  
transparent plus Hintergrundbild ist immer noch eine „Farbkombination”, die darunter liegendes verdeckt.  
  

> Ich hoffe sehr ihr könnt mir helfen, bin schon am Verzweifeln.  
  
Wenn zwei Elemente auf Grund bestehender Formatierung ein Hintergrundbild haben, und davon aber nur das hintere überhaupt zu sehen sein soll - dann gestalte den Hintergrund des inneren Elements \*im\* äusseren komplett durchsichtig.  
  
MfG ChrisB  
  

-- 
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]