I need a JS IE6 :hover on a class name rather than an element please?

[PicnicTutorials]

Hello,

I need a JS IE6 :hover on a class name rather than an element please? I already have a script that shows :hover on any element within a certain div.

function sfHover(el) {
  var sfEls = document.getElementById("content").getElementsByTagName(el);
  for (var ii=0; ii<sfEls.length; ii++) {
    sfEls[ii].onmouseover=function() {
      this.className+=" hover";
    }
    sfEls[ii].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" hover\\b"), "");
    }
  }
}
function sfStart() {
  sfHover("p");
}
if (window.attachEvent) window.attachEvent("onload", sfStart);

And then this goes in my CSS 
p:hover, p.hover {
	background: #999;
}

But now I need it to show a hover effect on a class name instead. Is this possible? I know of class name solutions in conjunction with JS library's. But is there an independent solution? I need to target the class of .small - thanks!