Problem with trying to equalise my columns

Problem with trying to equalise my columns

Hello
 
I was wondering if someone might be able to help me. I'm trying to use Jquery to set 3 columns in my layout all to have an equal height. You can see my layout here www.juanchandler.com
 
 I've used this bit of code that was described here.... http://www.cssnewbie.com/equal-height-columns-with-jquery/ but nothing happens when my page loads....ie. the two flanking columns are the same height as the middle one as I wanted.
 
If you view the source of my page you'll see I'm linking to jquery on google's api, have the plugin code in the head of the document along with all the CSS also in the head.  If someone could have a look and let me what I'm doing wrong I would be very grateful
 
thank you very much.
    • Topic Participants

    • juan