Проблемы с позиционированием
 

Привет ВСЕМ!
Есть проблема...
есть DIV(.scene-editor) в котором находится форма(.sr-box). перед формой вставил 2а DIV'a: div1,div(#bg_image)... проблема в том что при добовлении полей в форму - div'у(#bg_image) передается высота формы. проблема в том что этот див вылазит за пределы формы и .scene-editor... что не так ?
вот код:

<div class="scene-editor">
    <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form" style="z-index: 1;width: 354px; border: 2px solid rgb(188, 188, 188); margin: 0 auto; margin-top: 60px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; ">
        <div style="position: absolute; display: block; ">
            <div id="resize" style="cursor: pointer; position: absolute; width: 400px; height: 300px; z-index: 30; border: 1px dashed rgb(153, 153, 153); display: none; " class="ui-draggable ui-resizable">
                <div style="float: right; margin: -7px; background: url(https://smartresponder.ru/imgs/views/std/static/modal_close.gif) no-repeat; width: 24px; height:24px;" id="remove_bg_image_329186"></div>
            </div>
        </div>
        <div id="bg_image" style="overflow: hidden; position: absolute; display: block; width: 354px; height: 476px; background-color: rgb(255, 255, 255); z-index: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; "><img style=" position: relative; z-index: -1;" id="bg_image_target" src="http://localhost/Test/wp-content/plugins/smartresponder/fileUploader/server/php/files/example (20).jpg"></div><ul class="sr-box-list ui-sortable">