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:

http://joe-riggs.com/testing/tab2.html

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.


</table>
<script type="text/javascript">
//<![CDATA[
          new Enterprise.Tabs('collateral-tabs')
          //]]>
          </script>
<!-- End of Tabs -->
</body>
</html>


Thank you Paul! This was a tough one.