Background image problem

[milliondollarbab]

I'm trying to have a backround image in the top right hand corner and then a border image appear all the way down the right hand edge.

This is working fine in Firefox however in IE 6 the first image that appears top right corner is appearing over the text (covers the text on the page) If you highlight the text it becomes visable.

Any help would be greatly appreciated.

div#content {
	margin: 0 0 0 0; padding: 0 23px 0 19px;
	background: url(/images/elements/content_bg.gif) right repeat-y;
	background: url(/images/content-background2.jpg) top right no-repeat;
	}
{

Thanks in advance

[all4nerds]

Hello

2 background images on one container ? maybe the latest Safari ? will do this , but no other Browser

[milliondollarbab]

Have you got any suggestions as to how I can solve the problem using a different work around?

[Tyssen]

You'll have to apply your images to two different elements. The repeating one will need to go on the element that contains the whole thing, but the one that goes top right could be attached to the element that appears first inside the container. A look at your HTML would give a better idea though.