[jQuery] Weird hight issue with show/hide div

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