SELECT and detail Region in IE

Question

The following code work great in Firefox but not in IE.
Basically what I'm doing is search a DB with a string and
populating a Select menu with the results. Once the select menu
populated, the user chooses a name and the details of that employee
is displayed in fields at the bottom. Like I said, it works great
in FF but got an unwanted suprise when i tested in IE.
<fieldset>
<legend>Ship To</legend>
<label for="ShipLname">Last Name:</label>
<input type="text" name="ShipLname" id="ShipLname" />
<hr>
<label for="ShipLname">First Name:</label>
<input type="text" name="ShipFname" id="ShipFname"
/><hr>
<input type="button" value="Get"
style="width:45px;margin-left:217px;"
onclick="getEmployee('ShipLname','ShipFname',dsShipTo);" />
<hr>
<div spry:region="dsShipTo">
<label for="select2">Please choose one</label>
<select name="ShipEmpID" id="label">
<option spry:repeat="dsShipTo"
onmousedown="dsShipTo.setCurrentRow('{ds_RowID}')"
value="{empid}">{fullname}</option>
</select> <span class="style1">{ds_RowCount}
Record(s) Found!</span><hr>
</div>
<div id="shipDetail2" spry:detailregion="dsShipTo" >
<label for="shipSector">Sector</label>
<input id="shipSector" name="shipSector" value="{sector}"
disabled /><hr>
<label for="shipTitle">Titler</label>
<input id="shipTitle" name="shipTitle" value="{title}"
disabled /><hr>
<label for="shipApplid">Employee ID</label>
<input id="shipApplid" name="shipApplid"
value="{employeeid}" disabled /><hr>
</div>
</fieldset>
spry call
<script>//com/employee.cfc?method=getEmployees
var dsShipTo = new
Spry.Data.XMLDataSet("com/employee.cfc?method=getEmployees&lastname=null&firstname=null",
"employees/employee");
dsShipTo.setColumnType("title","html");
</script>
Functions
function getEmployee(lname,fname, ds){
var firstname = document.getElementById(fname).value;
var lastname = document.getElementById(lname).value;
var thisURL =
'com/employee.cfc?method=getEmployees&lastname=' + lastname +
'&firstname=' + firstname;
//alert(thisURL);
ds.setURL(thisURL);
ds.loadData();
var rowCnt = ds.getRowCount();

Answer 1

Hii Barascu, Thank for checking this problem out with me.It's
really appreciated.
When I do the text/html, stops working in FF and still does
not work in IE.
Here is the xml cfc
<cfset ds = getEmployeesQry2(arguments.firstname)>
<Cfset xmldoc = '<?xml version="1.0"
encoding="utf-8"?><employees>'>
<cfloop query="ds">
<Cfset xmldoc = xmldoc & '<employee>
<firstname>#key_first_name#</firstname>
</employee>'>
</cfloop>
<cfset xmldoc = xmldoc & '</employees>'>
<cfcontent type="text/xml">
<cfoutput>#xmldoc#</cfoutput>
</cffunction>