I have a main DIV acting as the body are of my website. Within that, I have a DIV containing my varying site content elements (light grey) and a DIV for our product search (dark grey). At the moment, the height of the main DIV is dictated by the content DIV, with the search DIV staying at its size next to the content.
What I'd like to do is have a picture show up in the bottom right corner of the body of my site, as seen in the "goal" image, so no matter how big my content for a page gets, the image always shows down at the bottom right corner.
Is this possible, and if so, how do I go about it?
Code for the page elements with the search options stripped out to keep it concise.
CSS for the page elements