[Resolvido] Erro no "position: absolute"

[Bruno Batista 3]

Estou tendo um problema em um tooltip que fica sobre um campo input, o problema consiste em uma diferença de visualização entre os browser.

 

Caso alguém saiba a solução desde já agradeço.

 

Clique aqui para ter acesso ao site.

 

CSS

.help {
position: absolute;
width: 18px;
height: 18px;
background: url(../images/icon-help.png) no-repeat 0 0;
text-indent: -9999px;
}

 

HTML

<p class="small fleft">
 <label>CPF</label>
 <br>
 <input type="text" class="short" value="999.999.999-99" disabled="disabled">
 <span class="help tooltip" title="Código fornecido através de <br /> publicações impressas. <br /> Ex.: jornais e revistas.">Ajuda</span> <br>
 <small>seu cpf</small> </p>

 

 

 

Este video pode esplicar melhor meu problema.

 

Obrigado a todos!

 

Nosso amigo Fernando da Projete Web conseguiu de letra resolver o problema,

 

p {
position: relative;
margin-bottom: 10px;
}

.help {
position: absolute;
top: 21px;
right: 5px;
width: 18px;
height: 18px;
background: url(../images/icon-help.png) no-repeat 0 0;
text-indent: -9999px;
}

 

Muito Obrigado Fernando =D