Tooltip

Estou desenvolvendo um blog aqui para o meu trabalho e na parte onde ficam as informações sobre o dono do blog (no caso um DJ), preciso colocar além dos dados dele, um texto sobre o que ele já fez, e etc...

Aí lembrei do Tutorial do Tableless que o Elcio escreveu e quis fazer uma tooltip pra aparecer esse texto auxiliar, já que se colocasse o mesmo na página ficaria muito feio, pois a largura dessa div de informações é pequena.

Então depois de algum tempo consegui fazer a tal tooltip.

De novo, caí no problema com o IE.

Pesquisei no Google, no iMasters, até aqui no fórum, não achei nenhuma dúvida como essa, coisas relacionadas, mas os problemas eram diferentes do meu.

HTML dessa parte

<div class="info"><div class="sobre"><img src="img/info.jpg"><br /><p class="sobretxt"><strong>Nome:</strong><br />Alexandre de Souza<br /><br /><strong>Idade:</strong><br />34<br /><br /><strong>Profissão:</strong><br />DJ, produtor e produtor de eventos<br /><br /><strong>Site:</strong><br /><a href="http://www.djalexs.net">www.djalexs.net

Link para o CSS - [Aqui

Se alguém souber pelo menos o nome do problema e como eu deveria procurar uma solução (ou até mesmo hack) eu agradeço.

O endereço do blog é http://www.obaoba.com.br/blog/index_novo.asp - ainda está em testes, preciso terminar essa parte, o programador terminar os ajustes dos comentários, as tabelas do painel de administração, pra poderemos entregar o blog pro cara... ObaOba é o site em que trabalho.

O site é todo estruturado em tabelas, mas como eu fiz o blog sozinho (não aproveitei nada existente no site, somente os includes que são obrigatórios) essa parte ficou em tableless.

Testem no FF e no IE.

No Firefox aparece bonitinho, no IE não aparece.

Ah, a propósito, estou com pressa aqui e não consigo achar o motivo de o texto dentro da tooltip (no FF) aparecer com as características de todos os links (negrito e sublinhado), se usei uma classe específica para ele.

[]´s