Soho

<script>
function showTooltip()
   {
           var myDiv = document.getElementById('tooltip');
           var myLink = document.getElementById('link');
  if(myDiv.style.display == 'none')
        {
           myDiv.style.display = 'block';
           myLink.style.display = 'none';
} 

else {
           myDiv.style.display = 'none';
}
return false;
}</script>
<a href='javascript:;' onclick=showTooltip() id="link"> +38xxx-xxx-xx-xx </a>
<div id=tooltip style='display: none'><?php echo $agent_mobile; ?></div>

Вот решение. Может кому пригодится.

спасибо за ответы, все это пробовал проверил, перед тем как писать вопрос. Фишка в том, что там есть и суб меню, и стрелка прилепает, по этому float:нельзя убирать, есть ли возможность использовать float только в Chrome? а в IE например без него.