<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title>Тесткейс</title>
<style type="text/css">
.templateCollector{
display:none;
}
.section,
.article,
.nav{
display:block;
}
</style>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<section class="diaryWrapper">
<section class="diaryEntrys"></section>
</section>
<div class="templateCollector">
<!--шаблон сообщения-->
<article class="articleTemplate">
<p class="message"></p>
<time pubdate datetime="1996-01-01"></time>
<nav>
<ul class="entryControls">
<li tabindex="4" class="edit">Редактировать</li>
<li tabindex="4" class="delete">Удалить</li>
</ul>
<ul class="editControls">
<li tabindex="4" class="save">Сохранить</li>
<li tabindex="4" class="cancel">Отменить</li>
</ul>
</nav>
</article>
</div>
<script type="text/javascript">
document.querySelector('.diaryEntrys').innerHTML+= document.querySelector(".templateCollector .articleTemplate").outerHTML;
var article = document.querySelectorAll('.diaryEntrys .articleTemplate');
article = article[article.length-1];
var p = article.querySelector(".message");
var mess = 'тестовое <strong>сообщение</strong>';
var time = article.querySelector("time");
var timer = document.createElement("SPAN");
var date = new Date();
var readDate = document.createTextNode(date.getDate()+"."+date.getMonth()+"."+date.getFullYear());
var readTime = document.createTextNode(date.getHours() +":"+date.getMinutes());
timer.appendChild(readTime);
time.setAttribute("pubdate","true");
time.setAttribute("dateTime",date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate());
time.appendChild(readDate);
time.appendChild(timer);
p.innerHTML = mess;
article.setAttribute("id","note_1");
article.className = "article";
alert(article.outerHTML);
</script>
</body>
</html>
В сравнении с chrome, который нормально сбрасывает стили для button.