Spry region drop-down list problems in IE

Question

Can someone please help me determine the reason that IE does not display the correct item in a spry region drop-down list when first opening the site.  You can see the problem at http://www.minursemap.org/agedistnurse.html.  The initial item in the drop-down list should be Alcona with the corresponding graphic displayed in the detail region.  In Firefox, this works correctly.  When first opening the page in IE, the graphic is Alcona, but the drop-down list displays Wexford (the last item in the list).  From then on, all of the links work correctly.
The code for the two regions is below.  Thanks in advance for assisting someone new to spry.
<div id="ctyname">
     <div spry:region="dsChartNurse">
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option value="{ds_RowID}">{name}</option>
       </select>
  </div> <!--spry:region close -->
</div><!--ctyname close -->
<div id="image">
   <div spry:detailregion="dsChartNurse">
        <div align="center" style="padding-bottom:15px"><img src="{dataimage}" width="405" height="202" />
        </div><!--un-named div close -->
   </div><!-- spry:detailregion close -->
</div><!--image close -->

Answer 1

Try the following code to replace yours:
       <select name="name" spry:repeatchildren="dsChartNurse" onchange="dsChartNurse.setCurrentRow(this.value)">
         <option spry:if="{dsChartNurse::ds_RowID}=={dsChartNurse::ds_CurrentRowID}" spry:selected="selected" value="{ds_RowID}">{name}</option>
         <option spry:if="{dsChartNurse::ds_RowID}!={dsChartNurse::ds_CurrentRowID}" value="{ds_RowID}">{name}</option>
       </select>
I hope this helps.
Ben