Доброго времени суток.
У меня есть скрипт при помощи которого открывается <iframe>...</iframe> , но если в этом фрейме изменить ширину , то он обрезает все то что находится внутри , а как по мне так он должен не обрезать , а изменить ширину всего фрейма , при этом все то что находится внутри не должно обрезаться !!!
Вот сам скрипт 

$(document).ready(function() {

$('.iColorPicker, .banner_params, .show').change(function () {
        
        var bgColor     =$("#bgColor").val().replace(/#/,'');
        var borderColor =$("#borderColor").val().replace(/#/,'');
        var inColor     =$("#inColor").val().replace(/#/,'');
        var textColor   =$("#textColor").val().replace(/#/,'');
                var id          =$("#id").val();
                var width       =$("#width").val().replace(/#/,'');
                var map         =0;
                var users       =0;
                if ($('#map').is(":checked")) { map = 1; }
                if ($('#users').is(":checked")) { users = 1; }
                var site        =$("#site").val();
                if(width > 300) { width = 255; }
                var height      = 164;
                if(map) { height = 332; }
                if(users) { height = 268; }
                if(map && users) { height = 436; }

        $("#frame").html('<iframe src=\"'+ site +'all.php?n='+ id +'&do=block&bg='+ bgColor +'&border='+ borderColor +'&in='+ inColor +'&text='+ textColor +'&map='+ map +'&users='+ users +'\" frameborder=\"0\" width=\"'+ width +'\" height=\"'+ height +'\" scrolling=\"no\"></iframe>');
        $("#code").html('<textarea rows=\"4\" cols=\"40\" onfocus=\"javascript:this.select()\" readonly=\"readonly\"><iframe src=\"'+ site +'all.php?n='+ id +'&do=block&bg='+ bgColor +'&border='+ borderColor +'&in='+ inColor +'&text='+ textColor +'&map='+ map +'&users='+ users +'\" frameborder=\"0\" width=\"'+ width +'\" height=\"'+ height +'\" scrolling=\"no\"></iframe></textarea>');


  });

});

Помогите разобраться .