Sticky element runs into footer

[Alliefan]

I am using a typical navigation bar at the top of a website that scrolls with the page. On the left of the page I have a list of 8 items that, when clicked, bring up a pop up layer. I have set those 8 items to Sticky so they stay in place. My footer is a full width picture with links and info on it ... not unusually tall. Problem is, when you scroll to the bottom of the page my footer runs under the sticky items and looks messy. My client is set on the footer so there's no chance I can decrease the size of it at all. Is there any way to solve this?

[Egg Bramhill]

got a link to the url Allie?

[Alliefan]

I have a temporary folder that the site is loaded to while it's under construction. Here is a link to the projects page. It's the only page with sticky elements on the left so it's the only page that I'll have issues with.
http://www.casteendesign.com/kenexpert1/projects.htm

Thank you for your help!

[Egg Bramhill]

Hi Allie, thanks for the link. I can only see this as a problem if the visitors browser is set at a smaller height. I think that obviously if you're going to make parts of the page sticky, then the browser height needs to be considered as if it's not high enough the window runs out of real estate (something you can't control), and the sticky objects will overlay the footer. I can't think of a way around this other than making the side menu horizontal rather than vertical (It would also help if the vertical line ended at the bottom of the menu rather than being longer)

[Egg Bramhill]

Some further thought. See attached. It will work fine on browsers 700px high & above. It will obviously still cause overlaps on browser heights below this.

[Alliefan]

Ok I will try that. Thank you