Не могу понять почему не отображается карта

Есть такой код:

<script type="text/javascript">

function f(){

var ob=document.getElementById('box');

if( ob.style.display=='block') { ob.style.display='none'; }

else { ob.style.display='block'; }

}

</script>

<a href="javascript:f()">показать на карте</a>

<div id="box" style="display:none;">

[Яндекс.Карты]

</div>

При клике по ссылке "показать на карте", отображается блок с Яндекс картами, но карты работают неправильно.

Это выглядит так:

Если убрать весь код JS и просто отобразить блок <div id="box">[Яндекс.Карты]</div>, то карты работают как надо.

Вижу такое впервые :(

---------- Добавлено 20.10.2013 в 16:15 ----------

скорее всего в этом причина <div id="box" style="display:none;">

Решено: http://api.yandex.ru/maps/doc/jsapi/1.x/examples/showhiddenmap2.html