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.