Sorry for the delay, I have spent some time trying to find the culprit. Finally I decided to start afresh with the following markup, which works quite well in all browsers.
<!doctype html>
<htm>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<div id="div1">
<table align="top" cellpadding="5">
<tr id="tr1">
<td valign="top">{datum}</td>
<td valign="top"><a href="{link}">{inhoud}</a></td>
</tr>
</table>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script src="SpryAssets/SpryTooltip.js"></script>
<script src="design_template_info12.js"></script>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
May I suggest that you copy and paste the markup into a new document to then start adding your own stuff, making sure that you test in IE7 or IE8 at each step.
Note that I have left xpath.js out of the markup. I think it will work either way. Just keep an eye on it.
PS
I did reformat the XML to delete all of the empty lines. Not sure if this helped or not. You can do this within DW as follows
Message was edited by: Altruistic Gramps
