Html - div not pushed down in ie7 or ie8 compat mode

The page uses several js files - so I have condensed it all into one file an put it here:

The problem is that the google logo is not being pushed down to below the tab border. I need to use the table elements so removing them is not an option - thanks

Try moving the script to the end of the page like so.

<script type="text/javascript">
          new Enterprise.Tabs('collateral-tabs')
<!-- End of Tabs -->

Thank you Paul! This was a tough one.