I trimmed down the code for y’all. Here is the most minimal parts of it. How can I make this work in Opera? (yes, and maybe even IE). By work in Opera I mean render like it does in Webkit and Gecko, like so:

Apparently the magic that allows this to work is the css height: 0; declaration. I’m not sure why that is, but it gives me the chills (and probably nightmares entitled Box Model).

[crayon lang=”html”]

Title

₅
^*

[/crayon][crayon lang=”css”]
span.subdraft {
display: inline-block;
}
span.subdraft sup {
height: 0;
float: left;
}
[/crayon]

Or, if it’s easier, you can download a html file (css embedded).