Super/subskrypt w CSS

Poniższe nastawy powodują złożenie fragmentu tekstu odpowiednio w superskrypcie i subskrypcie.

.superscript{font-size:xx-small; vertical-align:top;} 
.subscript{font-size:xx-small; vertical-align:bottom;} 

Nowe odnośniki do innych blogów, umieszczone po lewej stronie (w wersji ,,statycznej'' bloga umieszczone są w pliku index.html), zawarte wewnątrz <span>, np:

<span class='new_blog_entry'><a href="http://norman.walsh.name/">N. Walsh</a></span> |

mają być wyświetlane krojem pochyłym (kursywą) oraz po linku ma być umieszczany w superskrypcie napis [new] (tak to sobie wymyśliłem). Do osiągnięcia powyższego służy następujący fragment arkusza CSS:

.new_blog_entry { font-style: italic }
.new_blog_entry:after { content : "[new]" ; font-size:xx-small; vertical-align:top; }

Dopisane 26 listopada 2008: Nie jest chyba specjalnym zaskoczeniem, że w przeglądarce IE f-m MS (wersja 7) powyższe nie działa. Żałosne...

Na MSIE nie działa

Dokumenty z http://pinkaccordions.homelinux.org/wblog nie wyświetlają się poprawnie w IE 6. Czy się wyświetlają w nowszych Eksplorerach to nie wiem -- nie sprawdzałem. Nawet chciałem dziś coś w tej sprawie dłubnąć ale nic z tego nie wyszło. Ostatecznie poprzestałem na dodaniu uwagi w nagłówku, że w MSIE nie działa. W sumie używanie dziś MSIE to dziwactwo, bo czemu nie korzystać z czegoś co jest lepsze skoro to nic nie kosztuje?

Dopisane 17 września 2008: Ponieważ arkusz CSS działał z przeglądarkami FF/Opera a z MSIE nie, więc uważałem że problem jest -- jak prawie zawsze -- z systemem specjalnej troski. Tak to już jest, że jak ktoś notorycznie coś psuje, no to podświadomie się zakłada, że ów ktoś ma zawsze popsute. [Pamiętam zwłaszcza w tym kontekście hasełko reklamowe MS Polska sprzed paru lat: kto pomyśli -- my pomyślimy. Na wydruku brak było tzw. polskich liter: kto pomyli -- my pomylimy. Brawo dla tych panów za szczerość:-]

Jednak w wolnej chwili sprawdziłem, i się okazało, że strona nie wyświetla się prawidłowo w IE7 też, co by mogło znaczyć że być może mój arkusz na 100% nie jest poprawny. Przyznam się przy okazji bez bicia, że nie znam/nie używam ,,zaawansowanych'' właściwości CSS -- arkusz skopiowałem kiedyś z pewnej strony i wydawało się że działa. Teraz po krótkich konsultacjach dodałem left do właściwości lewej/prawej kolumny. Teraz działa lepiej, a przynajmniej działa w IE7. BTW arkusz, o którym mowa jest tutaj: 2cols.css.