I'm currently working on a website that has a fixed background image broken up into 3 sections - header, content and footer. The header and footer must be positioned absolutely at certain positions and the content section must scroll the text but I don't want to put a scrollbar on the content container itself as it looks ugly. One of my pages has alot of text (http://artoswoman.com.au/mind) and the text from the content section overflows beyond the footer. How can I keep the text within the desired height without overflowing and without using the overflow property on container? Please help me as this is pretty urgent. Thanks!