Как создать теги вокруг найденных классов

[Black_Sun]

Вот такая ситуация,

<div class="first">
		<div class="second">
                 ТЕКСТ			
		</div>
		<span class="txt">ТЕКСТ</span>
		<span class="txt">ТЕКСТ</span>
</div>

Нужно с помощью javascript добавить вокруг ещё один div, т.е.

<div>
<div class="first">
......................................
</div>
</div>

Пробовал так

var a=document.getElementsByClassName('first')[0];
 test=document.createElement('div');
 test.innerHTML='<div>&nbsp;';
 a.parentNode.insertBefore(test,a);

 test2=document.createElement('div');
 test2.innerHTML='</div>&nbsp;';
 a.parentNode.insertBefore(test2,a.nextSibling);

не вышло, какой бы я не писал document.createElement он после innerHTML закрывает его и сами внутри innerHTML тоже закрывает, хелп.

В общей сложности нужно создать такой как бы слой для второго div, т.е. сначала слой-затем div-first-затем div-second

[Octane]

var element = document.getElementsByClassName("first")[0];
var wrapper = document.createElement("div");
element.parentNode.insertBefore(wrapper, element);
wrapper.appendChild(element);

в IE есть специальный метод applyElement

[Black_Sun]

Octane, кул, спс, но также нашёл как альтернитаву

var element = document.getElementsByClassName("first")[0];
var wrapper = document.createElement("div");

wrapper.innerHTML='<div>'+element.innerHTML+'</div>';

element.parentNode.insertBefore(wrapper, element);

element.parentNode.removeChild(element); //удаление двойника :)

но ваш лучше