Image de fond dans la division sur le droit des frontières dans IE6

Question

Aide

je tente désespérément de placer une image de fond sur la bordure droite dans un DIV dans Internet Explorer 6.

Aucun succès jusqu'à présent.

Ceci est mon CSS:

.test 
{ 
    width: 100px; 
    border-right: red thin solid; 
    border-top: red thin solid; 
    border-left: red thin solid; 
    border-bottom: red thin solid; 


    background-position-x: 100%; 
    background-position-y: 0px; 
    background: url(roundcorner_righttile_11x11.png); 
    background-repeat: repeat-y; 
} 

HTML:

<div class="test"> 
text 
</div> 

La division devrait à la fin développer dynamiquement. Le "100 px" est juste pour tester.

Peut-être est-ce parce que c'est un fichier png?

Je suis reconnaissant pour toute aide.

Answer 1

.test 
{ 
    width: 100px; 
    border: red thin solid;  
    background: url(roundcorner_righttile_11x11.png) right top repeat-y; 
} 

<div class="test"> 
text 
</div> 

Answer 2

Essayez:

.test 
{ 
    width: 100px; 
    border-right: red thin solid; 
    border-top: red thin solid; 
    border-left: red thin solid; 
    border-bottom: red thin solid; 

    background-position: right top; 
    background: url(roundcorner_righttile_11x11.png); 
    background-repeat: repeat-y; 
}