Javascript : Affichage d'1 image dans une div

Bonjour,

Le bout de code suivant est issu d'un script utilisé pour un chat instantané. Actuellement, le chat affiche en instantané le nom de l'utilisateur, son message et la date du message. J'aimerais également ajouter l'avatar de l'utilisateur du chat, mais je n'arrive pas à insérer d'image dans la div. A chaque fois que j'ai essayé quelque chose, j'obtenais le code de l'image et non l'image réel, tel que ci dessous :

Silver a ecrit le 2012-01-08 a 15:03:02 :
<img src="images/22.gif" border="0" /> Salut.

Dans le fichier script.js :

//inserts the new content into the page
function insertNewContent(liName,liText,liTime1,liTime2,liAvatar) {
	insertO = document.getElementById("outputList");
	oLi = document.createElement('li');
	oSpan = document.createElement('span');
	oSpan.setAttribute('className','name'); //for IE's sake
	oSpan.setAttribute('class','name');
	oName = document.createTextNode(liName+' a ecrit le '+liTime1+' a '+liTime2+' :');
	oText = document.createTextNode(liText);
	oSpan.appendChild(oName);
	oLi.appendChild(oSpan);
	oLi.appendChild(oText);
	insertO.insertBefore(oLi, insertO.firstChild);
}

Dans le fichier chat.php :

<ul id="outputList">
        <li><span class="name">Silver :</span>Bienvenue sur le Chat</li> 
</ul>

En vous remerciant d'avance si vous avez une solution.