Настройка iframe
 

На странице имеется iframe. В iframe выполняется функция:

$(function(){
        setTimeout(function(){
            var docH = $('body').height();
            var doc = window.top;
            var i = 0;
            while (i < 10 && doc.top != doc.self) {
                i++;
                doc = doc.top;
            }
            if (typeof function(){} == typeof doc.$) {
                doc.$('body').find('iframe[name=feedback]').height(docH * 1.05);
            }
            return false;
        },100);   
    })

Эта функция настраивает высоту iframe с тем, чтобы не было надобности в полосах прокрутки. Дело она свое вроде как делает - в IE9, FF, Chromium фрейм растягивается по высоте и полосы прокрутки скрываются. Но проблема возникла в IE - если я провожу мышкой по странице, то начинает вдруг плясать ширина фрейма вплоть до ширины всего окна браузера, хотя она указана в 80% от родительского контейнера (пробовал и просто в пикселях)... Если же закомментировать функцию настройки высоты фрейма, то IE ведет себя адекватно и не играет с шириной фрейма... Подкажите, почему так происходит?

Проблема отчасти прояснилась...
Структура страницы, на которой находится этот фрейм следующая:

<div class="container">
<div class="row">
<div class="span3"></div>
<div class="span6"><iframe ...></iframe></div>
<div class="span3"></div>
</div>
</div>

Все классы span берутся из bootstrap и имеют float. После отключения float для span6 все выстроилось обратно... Хотя пока непонятно, почему все же рухнула структура только в IE...
ЗЫ А еще при отключении margin для span6 тоже все встало на место...
Хрен поймешь это исчадие MS - если отключаю указанные свойства через скрипт, то нифига это не сказывается... После открытия отладчика страница ведет себя совершенно нормально - ничего не дергается, ничего не изменяется произвольно...