Hi, Got a bit of a weird one here, and not sure how to fix it :/
Basically - I'm using this code: <table width="100%"> <tr> <!-- <td align="center" class="trip_header" width="100%" colspan="3"><a href="javascript: void(0);" onclick="jQuery ('#chichen_itza_plus').slideToggle()" style="color: white;">CHICHEN- ITZA PLUS</a> (click for more information)</td>--> <td align="center" class="trip_header" width="100%" colspan="3"><a href="javascript: void(0);" onclick="jQuery ('#chichen_itza_plus').slideToggle()" style="color: white;">CHICHEN- ITZA PLUS</a> (click for more information)</td> </tr> </table> <div id="chichen_itza_plus" style="display: none;"> content is here </div> The problem is, as you can see here (click on one of the headers in the main content area) http://www.cancunandrivieramaya.com/new/chichen-itza.htm ...you will notice the main "container" div doesn't get any higher (so all the content gets cut off after a certain point :/) Anyone got any ideas how I can fix that? TIA! Andy