Background Image in Div on Right Border in IE6

Question

Help

I try desperately to place a background image on the right border in a DIV in Internet Explorer 6.

No success so far.

This is my 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;
}

the HTML:

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

The Div should in the End expand dynamically. The "100 px" is just for testing.

Maybe its because its an png file?

I am gratefull for any help.

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

Try:

.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;
}