Possitioning outside container

I’m trying out some nice css slideouts. I see the the possition is absolute and I can possition it with the top left etc, however it seems to be positioning outside of the page container and so the page is not expanding to contain it in. How do I get around this?

url is: http://www.sakeenaheducationcentre.com/accordion-test/

sorry I added a .main and it’s fine but it doesn’t seem to work in firefox is ther any way to get it working in there?

When I click on the slideout - nothing happens. Are you currently working on it?

I tested on Chrome and Safari

yea, but I’m having problemns. I’m trying to follow this tutorial but can’t figure it out so not sure why it’s not working for me

From the debug the first thing I see is

http://www.sakeenaheducationcentre.com/accordion-test/script.js 404 (Not Found)

What’s in this script? is it something that relates to the thing your trying to implement?

Start with removing all errors first then go back to square one… add the files > add the code > test.