Javascript-форум - document.getElementById(id).innertHTML =

Вот такая вот у меня тестовая страница:

<!DOCTYPE html PUBLIC ""//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script src="q.js"></script>
<title>Проверка</title>
</head>
<body onload='p()'>
Как тебя зовут:

<form name='first'>
<input typó='text' id='a' value='Введите текст'>
<input type="button" onclick="Click()" value="Моя кнопка"/>
</form>
<input type="button" onclick="Click2()" value="Удалить"/>
<div id="list">
<div id="dMes">
проба
</div>
</div>
</body>
</html>

такой вот скрипт для этой страницы:

function p()
{
    alert('Работает?');
}
function Click()
{
    document.getElementById("dMes").innertHTML = "Новый текст для тега div id='dmes'";
}
function Click2(){
    Add();
}
var col = 0; 
function Add(){ 
    var M='измененный текст!'; 
    var div_id = 'dMes'; 
    var parent = document.getElementById('list'); 
    var child = document.createElement('DIV'); 
    child.innerHTML = " id='dMes'"+M; 
    with(child.style){ 
        border = '1px dotted #c0c0c0'; 
        background = '#f0f0f0'; 
        margin = '6px 0px 0px 0px'; 
    } 
    child.setAttribute('id', div_id); 
    parent.appendChild(child); 
} 
function delitDiv(div_id){ 
    var del = document.getElementById(div_id); 
    var parent = document.getElementById('list'); 
    alert("parent="+parent);
    parent.removeChild(del); 
}

Так вот в чем вопрос - выполняю document.getElementById("dMes").innertHTML = "Новый текст для тега div id='dmes'";, и... на странице НИЧЕГО не изменяется, хотя в диве "dMes" текст должен поменяться.
В чем я туплю??