How do I keep the jQuery Accordion from touching the footer-especially IE7?

Hi -
I have an accordion on this webpage...

You can see that the bottom of the accordion is very close to the footer.  
This is especially apparent in IE7 where the two are touching.
I want there to be about 100px main-content space between the bottom of the accordion and the top of the footer.  I don't want the footer to be taller.  I tried adding "margin-bottom" to the accordion container but that really confused IE7.

Thanks in advance for your help.
Who is Participating?
wellholeConnect With a Mentor Commented:
Try wrapping the accordion inside a div with a style that adds the margin.
dzash2000Author Commented:
Actually margin didn't work but padding did. Thanks
All Courses

From novice to tech pro — start learning today.