Ich hab da nochmal nen Test gemacht:
var table = document.createElement("table");
test = '<table style="background:#EEEEEE;"><tr><td>test</td></tr></table>';
table.innerHTML = test;
document.getElementById("test").appendChild(table);
Das hat auch irgendwie nicht funktioniert. Oder muss man erst ein Element für table machen, dann eins für tr und dann noch mal für td? Kann doch irgendwie nicht sein.
Also die <area> könnte ich auch sonst in ein <map> stecken und das ganze dann in ein <div> stecken. Das ist nicht das problem.