Overlapping content in floated column

I have a website that lays out three main columns using float:right. The layout works well except when the center content is short then content in the outer columns overlaps the footer, rather than stretching all three columns. It looks really odd and i have tried all sorts of repeating background and overflow tricks to fix it but to no avail. Does anyone know how i can fix this:
http://boozesandiego.u22.aiwmedia.com/promotionalenquiries/

Open in new window

alex_wareingAsked:
Who is Participating?
 
brunoConnect With a Mentor Commented:
you've got a height set on your #rightBar

Removing it fixed the issue for me in FF2
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.