dynamiska classer och mouse event

God afton!

Problem #1: Classer och skapadeelement

Är det ett känt problem att man inte kan styla ett element man skapat med createElement() genom att ge den en class och en .bla i css:en? Det funkar om jag ändrar till "id" och "#" men icke med "class" och ".".

			var parentDiv = document.getElementsByTagName("form")[0];
	 
			var sp2 = document.getElementsByTagName("input")[i];

			var sp1 = document.createElement("div");
		 	sp1.innerHTML = '<div style="width: 14px; height: 14px; background: url(trans.png)"></div>';
			[B]sp1.class="checkbox";[/B]
			sp1.onmouseover = "this.style.background='url(check2.gif)'";
			parentDiv.insertBefore(sp1, sp2);

.checkbox{
background: url(check1.gif); 
width: 14px; 
height: 14px;
float: left;
}

Problem #2: Dynamiska Mouse Events

Det här verkar inte fungera alls (från samma kod som ovan under den fetade raden). Varför inte?

sp1.onmouseover = "this.style.background='url(check2.gif)'";

Tack på förhand!