Position div relative to viewport -- help

HTML & CSS
1

I would greatly appreciate any help with this…

We have a website that on the home page has a slider that slides content/background image – it adjusts the background image to fill the entire page based on viewport size.

I have a div contained within the content div of the slider, but it wont stay at the bottom of the div when the viewport size is increased.

I’ve tried absolute positioning, but it doesn’t seem to be working.

here’s the link http://goo.gl/WZMCO

Its the double up arrow at the bottom that wont stay at the bottom based on viewport size.

2

It’s the background-position property that is mucking it up. Try just positioning the div and leaving the background position at default.