Can't figure out why footer is cut off after using ui tabs...

Can't figure out why footer is cut off after using ui tabs...

Hi everyone, I am new to jquery.  I was playing around with the ui tabs but can't seem to figure out why my custom footer gets cut off whenever I apply the <div> tags for the tabs.  Below are the links to what I am referring to:

http://www.photoboothnews.com/sample/before.php  (This is when everything was working fine)

http://www.photoboothnews.com/sample/after.php   (This is after I apply the ui tabs, notice the footer on the bottom gets cut of on either side)

I would greatly appreciate it if someone can tell me why this is happening.  I've spent the last 48 hours trying to figure this out and I'm about to pull my hair out.  Thanks in advance!