Spry widget not working in IE

I implemented a fairly straightforward adaptation of the spry example in the
video training. I use CS3, and I updated Spry to version 1.6, which made
matters worse. In the spry example, the user clicks on the control in the spry
region, and the items in the detailregion should be automatically updated to
correspond to the selected item. I've implemented the same thing in the code
below, and it works perfectly in Firefox. But it doesn't work in IE 7.
Everything looks fine, but when you click on different items in the select
control, the description and picture stay the same. Please help me figure out
what I am doing wrong. I bolded the spry stuff for your viewing pleasure.

Thanks!

var menu = new Spry.Data.XMLDataSet("menu.xml", "menuitems/menuitem");
...

<td width="211" background="images/BackPageE_07.jpg">
<div spry:region="menu">
<table width="209" height="133">
<tr>
<td width="201"><div align="center">
<select spry:repeatchildren="menu" name="select"
size="6" id="select">
<option spry:setrow="menu" value="{name}">{name}</option>
</select>
</div></td>
</tr>
</table>
</div>
</td>
<td width="114" background="images/BackPageE_08.jpg">&nbsp;</td>
<td width="210" background="images/BackPageE_09.jpg"><div
align="center"><span class="style8">All entrees</span> <span
class="style3">served with rice &amp; beans or steamed rice,choice of
vegetables, ground food, and salad with Italian, Ranch, Cesar, French, or
Thousand Island dressing</span></div></td>
<td width="233"><img src="images/BackPageE_10.jpg" width="233"
height="157" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="19"><img src="images/BackPageF_03.jpg" width="1000"
height="48" /></td>
</tr>
<tr>
<td><table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="232"><img src="images/BackPageG_04.jpg" width="232"
height="185" /></td>
<td width="535" background="images/BackPageG_05.jpg">
<div spry:detailregion="menu">
<table width="535">
<tr>
<td width="263"><span class="style3">
{description}</span></td>
<td width="260"><img src=" {picture}" width="261"
height="175" /></td>
</tr>
</table>
</div> </td>
<td width="233"><img src="images/BackPageG_06.jpg" width="233"
height="185" /></td>
</tr>
</table></td>