changing document.getElementById("X").innerHTML in IE versus firef

Hey guys,

I have a Coldfusion application where I am using AJAX and sending back some
string to the Javascript function. The javascript function writes that string
into the appropriate DIV element referenced by the id. This function works
fine in Firefox, but nothing shows up in IE though the string shows up the
Javascript side of the application.

The Javascript function used:

function loadcart(valmessage)
{
document.getElementById("cartcontents").innerHTML =
valmessage;
}

The Div Element:
<div id="cartcontents">
</div>

The valmessage (string passed into javascript) :

<tr><td>Ghost Sugar Cookie</td><td>4</td><td><a href='javascript:void(0);'
onclick='addone("374","add")'><img src='images/plus.gif' alt='Add another.'
width='16' height='16'></a><br><a href='javascript:void(0);'
onclick='addone("374","remove")'><img src='images/minus.gif' alt='Remove
one.' width='16' height='16'></a></td></tr><tr><td>Licorice
Mix</td><td>1</td><td><a href='javascript:void(0);'
onclick='addone("378","add")'><img src='images/plus.gif' alt='Add another.'
width='16' height='16'></a><br><a href='javascript:void(0);'
onclick='addone("378","remove")'><img src='images/minus.gif' alt='Remove
one.' width='16' height='16'></a></td></tr><tr><td>Halloween Barber
Pole</td><td>1</td><td><a href='javascript:void(0);'
onclick='addone("375","add")'><img src='images/plus.gif' alt='Add another.'
width='16' height='16'></a><br><a href='javascript:void(0);'
onclick='addone("375","remove")'><img src='images/minus.gif' alt='Remove
one.' width='16' height='16'></a></td></tr>


I don't understand the reason behind why it is happening. All the processes
are doing fine except for the last stage where the HTML element is being
updated. It would be great if someone could provide an insight into this.

Thanks,
Prashant