Narrowing in

This entry is part 3 of 3 in the series Mixed tensor

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:
Example rendered in Safari

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).

XHTML
1
2
3
4
5
<h1>Title
<span class="subdraft">
<sub>5</sub>
<sup>*</sup>
</span></h1>

CSS
1
2
3
4
5
6
7
span.subdraft {
display: inline-block;
}
span.subdraft sup {
height: 0;
float: left;
}

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

A Toast

E_____, in the short time that we’ve known each other you have proven yourself to be a quick and lethal sparring partner, as well as a reliable and generous friend.

A_____, we have known each other forever and have been through some shit and it has been a rewarding experience.

What I’m saying is, here’s to friendship. I love you guys.

Cheers.