Яндекс карты и адаптивный дизайн

[wry]

Всем привет.

Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так:

 

<div class="fiftypercent">

<div id="servicemap">

Тут яндекс карта

</div>

</div><!--

--><div class="fiftypercent">

<div id="servicezone">

Тут текст

</div>

</div>

 

.fiftypercent{display:inline-table;width:50%;}

 

Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте.

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

У карты стоит ширина 100%.

[wry]

Разобрался. Поставил блоки по 49% и сделал синий фон общим блоком. Такие вот грабли.