Template doesn't show wel in IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>[(site_name)] - [*pagetitle*]</title>
<link href="http://www.vvemms.nl/assets/templates/emms/stijl.css" rel="stylesheet" type="text/css" />
<link href="http://www.vvemms.nl/assets/templates/emms/tekst.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="all" type="text/css" href="http://www.vvemms.nl/assets/templates/emms/dropdown.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="http://www.vvemms.nl/assets/templates/emms/dropdown_ie.css" />
<![endif]-->
<script type="text/javascript" src="http://www.vvemms.nl/assets/templates/emms/header/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {		
	

	slideShow();

});

function slideShow() {


	$('#gallery a').css({opacity: 0.0});
	

	$('#gallery a:first').css({opacity: 1.0});
	

	$('#gallery .caption').css({opacity: 0.7});


	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	

	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0.7}, 400);
	

	setInterval('gallery()',6000);
	
}

function gallery() {
	

	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));


	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	

	var caption = next.find('img').attr('rel');	
	

	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);


	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.8}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
	

	$('#gallery .caption').animate({opacity: 0.8},100 ).animate({height: '50px'},100 );
	

	$('#gallery .content').html(caption);
	
	
}

</script>
<style type="text/css">


.clear {
	clear:both
}

#gallery {
	position:relative;

	height:231px
}
	#gallery a {

		position:absolute;
		top:0;
		left:0;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#ffffff; 
		color:#000000; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
		left:0;


	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#fe0000;
	}
	

</style>
<script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6536882-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</head>
<body>

<div id="boven">
<div id="exampleoutput" class="clearfix">
<div class="menu">

[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`cssplay_parentRow` &outerTpl=`cssplay_outer` &innerTpl=`cssplay_inner` &rowTpl=`cssplay_row` &outerClass=`menu` &cssTpl=`cssplay_dropdown`]]
<a href="http://www.jcle.nl/"><img src="http://www.vvemms.nl/assets/images/JCLE_logo.png" width="40" height="40" align="right" /></a>&nbsp
<a href="http://senioren.voetbal.nl/frontpage/articles"><img src="http://www.vvemms.nl/assets/images/KNVB.png" width="40" height="40" align="right" /></a>
</div>
</div>

<div id="header">
<div id="gallery">

	<a href="#" class="show">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/01.jpg" alt="v.v. EMMS" width="972" height="231"title="" alt="" rel="<h3>STAND VAN ZAKEN VERBOUWING</h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>
	
	<a href="#">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/02.jpg" alt="v.v. EMMS" width="972" height="231" title="" alt="" rel="<h3>STAND VAN ZAKEN VERBOUWING</h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>
	
	<a href="#">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/03.jpg" alt="v.v. EMMS" width="972" height="231" title="" alt="" rel="<h3><b>STAND VAN ZAKEN VERBOUWING</b></h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>
<a href="#">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/04.jpg" alt="v.v. EMMS" width="972" height="231" title="" alt="" rel="<h3>STAND VAN ZAKEN VERBOUWING</h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>
<a href="#">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/05.jpg" alt="v.v. EMMS" width="972" height="231" title="" alt="" rel="<h3>STAND VAN ZAKEN VERBOUWING</h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>
<a href="#">
		<img src="http://www.vvemms.nl/assets/templates/emms/header/images/06.jpg" alt="v.v. EMMS" width="972" height="231" title="" alt="" rel="<h3>STAND VAN ZAKEN VERBOUWING</h3>De vernieuwde EMMS kantine begint vorm te krijgen. De luifel en de schuifdeu.. "/>
	</a>

	<div class="caption"><div class="content"></div></div>
</div>
</div>    
</div>

<div id="content">
[*#content*]
  <div id="kolom-links">
  {{links}}
  </div>
  <div id="kolom-rechts">
  {{rechts}}
  </div>
</div>




</body>
</html>