Кнопки зума в iframe
 

Подскажите, как сделать кнопки зума в iframe. Все перелопатил - не нашел ничего.

Есть страница. Там расположена карта-рисунок (сама карта - бэкграунд к #map).

<div class="scale_buttons">
  <button class="button button1" id="zoom-in">+</button>
  <button class="button button2" id="zoom-out">-</button>
</div>

<div class="map" id="map">

</div><!--map-->

вывожу ее в iframe.
Мне надо кнопки ума сделать, чтоб работали. Может кто-то подсказать?

dimasheff, CSS3: background-size, transform