thoron

Here’s what’s going on: When you make a footnote inside a paragraph, the output is basically:

<p>Some <div>Footnote content</div><script>/* ... */</script> text.</p>

Now, HTML5 doesn’t allow a <div> element inside a <p> element, so browsers parse it as:

<p>Some </p>
<div>Footnote content</div>
<script>/* ... */</script>
text.

Replacing the <div> with a <span> seems to work with no troubles, at least on Firefox. (With absolute positioning, inline and block-level elements behave the same way.)

If it helps, I wrote a quick fix for this issue. I haven’t properly tested it, but it seems to be working on my site. Feel free to use it.

https://dl.dropboxusercontent.com/u/6907330/zanto_childthemes.zip