Help with locking image to bottom right

HTML & CSS
1

hi, I have come to a wall here…

I need a background image that I repeat, but then I also need to lock a little image in the lower right corner of the browser…

I can lock the image in the right as the background no problem, but then can’t get my repeating image to show.

then I tricked the browser by creating a div and using my background tile image there and locked the little image in the bottom right as the background, but then the locked image is behind the div I created with tile background…

I tried messing with the z-index but was unsuccessful…

so any gurus here that can help, it would be great!

basically I need 2 background images, 1 locked in the lower corner and another repeating background image…

or I leave my background image repeating and somehow create a div to float my little image in the bottom right corner…

thanks in advance for your help :eye:

2

1 locked in the lower corner and another repeating background image…
For one image in the bottom corner you could set a div as position:fixed; then set the locked BG image there. With fixed positioning it will position to the viewport when right: and bottom: properties are set.

IE6 will be out in the cold though since it does not support fixed position.

#fixme{
position:fixed;
width:100px;
height:100px;
right:0;
bottom:0;
background:url(lockedimg.jpg) no-repeat;
}