¿Y por qué no utilizar un marcado más específico y
semántico recurriendo a etiquetas que le son más propias?
Cambie /sup/ por /sub/ si lo quiere abajo.
Incluso se podría ahorrar el teclear la coma y el símbolo de la moneda con el uso de /:before/:after/ para
generarlo (proveyendo una solucción para los ie).
Sobre su consulta del #8:
Sí, la hay. Al menos dos:
- generando el texto con /:before/:after/ totálmente semántico y "automático".
- Como en el caso del encabezado de ésta página o el el h1 y h2 de ésta otra.
Y como veo que todos sus problemas radican en hacerlo compatible con ie, quizás le conviene investigar y probar alguno de los js que fuerzan a esa familia a entender e interpretar propiedades de css que no soporta.
Atentamente