[RESOLVED] Constraining Background Images within the Div's bounds
I am trying to assign a background image to a div that stays in the bottom-right corner of the div whether you scroll down or resize the browser window (with browser resize priority).
The only problem I run into is when the browser window is wider than the width of the div. The background image, follows the constraints of the browser window and NOT the div I assigned it to. As a result, the background-image doesn't stay within the constraints of the div.
If I remove background-attachment:fixed, then the background image doesn't stay flush with the bottom of the browser window.
I want it to stay flush with the bottom of the browser window and flush with the right side of the div I'm applying it to (or I'd settle for if the browser width was less than the div width, flush to right side of the browser window).
Is there a way to assign the background-image's y-value to the bottom of the browser and it's x-value to the right side of the div? I think that's basically what I am looking for.
Okay, I must be doing something wrong, because the bottom of the image only stays aligned to the bottom of the browser window if I scroll to the bottom of the page and then expand the browser window. If I try to shrink it, it doesn't move at all along the y-axis.