Widgets and macro calls should be spans not divs

Although it does mean that we'll end up creating divs inside spans,
which isn't strictly legal but works in all browsers

core/modules/rendertree/renderers/macrocall.js

@@ -83,7 +83,7 @@ MacroCallRenderer.prototype.render = function(type) {
 
 MacroCallRenderer.prototype.renderInDom = function() {
 	// Create the element
-	this.domNode = document.createElement("div");
+	this.domNode = document.createElement("span");
 	this.domNode.setAttribute("data-macro-name",this.parseTreeNode.name);
 	// Render any child nodes
 	var self = this;

core/modules/rendertree/renderers/widget.js

@@ -77,7 +77,7 @@ WidgetRenderer.prototype.render = function(type) {
 
 WidgetRenderer.prototype.renderInDom = function() {
 	// Create the wrapper element
-	this.domNode = document.createElement("div");
+	this.domNode = document.createElement("span");
 	this.domNode.setAttribute("data-widget-type",this.parseTreeNode.tag);
 	this.domNode.setAttribute("data-widget-attr",JSON.stringify(this.attributes));
 	// Render the widget if we've got one