SpryHiddenRegion error in IE7 but not FireFox

Question

Here is a copy of the code and the errors I get. Does anyone
have any ideas why this would happen in IE only?
<div spry:region='dsPages' class="SpryHiddenRegion"
style="height:350px; overflow:auto;">
<div spry:state='loading'>Loading data...</div>
<div spry:state='error'>Failed to load
data.</div>
<table spry:state='ready' class="mylist">
<tr id="top">
<th onClick="dsPages.sort('id');">ID</th>
<th onClick="dsPages.sort('name');">NAME</th>
</tr>
<tbody spry:repeatchildren='dsPages'
spry:choose="choose">
<tr spry:when="{id} == selectedID"
class="SelectedLastClass" id="{ds_RowID}"
onClick="dsPages.setCurrentRow('{ds_RowID}');pagesSelect({id});"
spry:hover='HoverClass' spry:select='SelectedClass'>
<td>{id}  </td>
<td>{name}  </td>
</tr>
<tr spry:default="default" id="{ds_RowID}"
onClick="dsPages.setCurrentRow('{ds_RowID}');pagesSelect({id});"
spry:hover='HoverClass' spry:select='SelectedClass'>
<td>{id}  </td>
<td>{name}  </td>
</tr>
</tbody>
</table>
</div>
ERROR:
expected ':'
and
Spry.Data.updateRegion(spryregion1) caught an exception:
[object Error]
Thanks for your help.
Jim

Answer 1

i have reduced the code to the following:
<script type="text/javascript">
dsPages = new
Spry.Data.XMLDataSet('views/pages/getdata_pages.cfm',
'/dataset/row', {useCache: false});
</script>
<div spry:region='dsPages' class="SpryHiddenRegion"
style="height:350px; overflow:auto;">
<div spry:state='loading'>Loading data...</div>
<div spry:state='error'>Failed to load
data.</div>
<table spry:state='ready' class="mylist">
</table>
</div>
and i get the following error in IE but not FireFox:
Spry.Data.updateRegion(spryregion1) caught an exception:
[object Error]