Greetings,

Thx for your attention. My problem is on this page using IE 7 & 8:

http://tinyurl.com/m8ajyp

If you click the tabs, you'll see that the footer doesn't adjust accordingly. Only in IE. Works fine in Firefox (Mac & PC) and Safari Mac.

Here's the javascript:
Code:
<script type="text/javascript" charset="utf-8">
		$(function () {
			var tabContainers = $('div.imgswap > div');
			tabContainers.hide().filter(':first').show();
			
			$('div.imgswap ul.tabNavigation a').click(function () {
				tabContainers.hide();
				tabContainers.filter(this.hash).show();
				$('div.imgswap ul.tabNavigation a').removeClass('selected');
				$(this).addClass('selected');
				return false;
			}).filter(':first').click();
		});
</script>
The really goofy thing is that on the menus page /menus (which should be identical code and structure as the other page) it looks like the footer adjusts on the FIRST click of a different tab. But then it doesn't adjust again. On /special-events the footer doesn't adjust even the first time.

Not sure what additional code should be posted here if the style sheet and page code should be added here or if it's best for people to look on the page.

Any guidance and help is greatly appreciated.