Hello, this is going to sound like a really daft question, but nothing I do seems to work. Perhaps one of you gurus can enlighten me?

 

I have my "content" div, and I'm trying to get the background image to stick to the bottom right of the div, so the majority of the div has a plain background and the image is only shown in that corner. What CSS should I be using for this? The only way I have managed to do it is use margin-left and top, but if I change any of the content those variables will need changing. There must be a more dynamic way of doing this.

 

Any help would be appreciated.

 

Thanks

div { background:#ccc url(path/to/image) no-repeat bottom right; }

Or to save a few bytes, you could replace 'bottom' with 100% and 'right' width 100% too

 

eg:

 

div { background:url(path/to/image) 100% 100% no-repeat #fff; }