Definição Popup em CSS

Nesta postagem eu incluo um pequeno código que fiz em CSS. Esta fonte consiste em fazer aparecer um pequeno quadro que contém a definição de um termo. Ela tenta imitar alguns sites movidos a Web2, no entanto é bem mais simples, pois comporta apenas uma definição para um dado termo ou verbete. Para testar basta passar o mouse sobre o termo abaixo.

Termo

Definicao do Termo: Esta eh a definicao do termo que estou usando. Esta eh a definicao do termo que estou usando. Esta eh a definicao do termo que estou usando. Esta eh a definicao do termo que estou usando. Esta eh a definicao do termo que estou usando. Esta eh a definicao do termo que estou usando.

A partir de agora utilizarei este pequeno recurso quando quiser mostrar a definição de algum termo técnico empregado neste blog.

Para obter a implementação, basta ver o código fonte dela a partir de seu navegador. Ficarei grato com dicas para o melhoramento do código.

Testei nos navegadores Firefox, Epiphany, Iceweasel e IE7. Fiquei satisfeito não ter precisado de Holly Hack Holly hack é um trecho de código que serve para consertar uma limitação específica do Internet Explorer. Ele toma proveito de um bug do IE para fazer funcionar alguns aspectos do CSS que esse não suporta. Por exemplo, alguns menus feitos em CSS não funcionam no IE. O Holly hack é aplicado ao código fonte para contornar esse problema. para o IE7.