динамический размер хинта

проблема такого рода:

есть хинт геообъекта маленького размера например <div id='test' style='display:none'>67890<br>2112451224124124<br>qwqweqweqweqweasdasdweq</div><a onclick=click()>click</a><div>123456</div>

и если изменить содержимое этого div например через функцию click()

function click() {

document.getElementById("test").style.display = "block";

}

то размер хинта не изменится, а текст будет видет только тот который попадает в стартовый размер хинта.

Следовательно вопрос, как подогнать размер хинта под содержимое?