Tooltip element is a div inside a span

[samwilson]

The tooltip is added as a <div> inside a <span> element, e.g.:

<span style="position: relative; white-space: nowrap;">
	<div style="background-color: white; padding: 0.2em; border: 1px solid black; position: absolute; top: 1em; left: 0em; z-index: 15; display: none;">
		<span style="cursor: pointer;">
			<img src="..." srcset="..." class="wmamapbutton noprint" title="Show location on an interactive map" alt="" style="padding: 0px 3px 0px 0px; cursor: pointer;">
			&nbsp;WikiMiniAtlas
		</span>
	</div>
	<a class="external text" href="//tools.wmflabs.org/geohack/geohack.php?pagename=Flight_19&amp;params=29_N_79_W_">
		...
	</a>
</span>

This is not valid HTML, and I think is causing one of the issues described in T231424.

It looks like it should be possible to make this a span, and as .fadeIn() sets display:block it should work the same.