innerText or textContent with Style

[treeleaf20]

All,
I have the following code:

<div id="upload_done"></div>

<script language="javascript">
function uploaderStatusChanged( uploader ) {
	upload_status = uploader.getStatus()
	if(upload_status==1){
	traceEvent( "The files are being uploaded!" );
	}else{
	traceEvent( "The files have successfully uploaded!" );
	}
}
</script>
<script language="javascript">
function traceEvent( message ) {
	document.getElementById("upload_done").innerText = message; // for IE
	document.getElementById("upload_done").textContent = message;
}
</script>

When I use the innerText and textContent I'd like the font color to be red. How can I go about doing this? Also I tried to add some line breaks after the message but wasn't able to do that either. I tried to do this:

<script language="javascript">
function traceEvent( message ) {
	document.getElementById("upload_done").innerText = message + "\n\n"; // for IE
	document.getElementById("upload_done").textContent = message + "\n\n";
}
</script>

but was unsuccessful in that. Any help is appreciated. Thanks in advance.

[MarPlo]

Hy
Try use innerHTML
document.getElementById("upload_done").innerHTML = '<font color="red">'+message+'</font><br />';

[treeleaf20]

That did the trick, just wanted to confirm that innerHTML is ok for use cross browsers? In the other example I needed two different ones so just want to make sure that is not the same thing here. Thanks for the help.