jquery ui未正确缩放文本！

我尝试使用jqueryui来缩放一个div，我正在拖动它，以便更容易地看到它背后的内容，但是它里面的任何文本都在奇怪地缩放。文本本身变小了，但它周围似乎有一堆填充，现在正在浮动。文本延伸到div的底部，即使它应该被div正确地包含。我在文本行周围放置了一个红色边框，边框的大小与原始文本相同。我真的不知道该怎么做才能让它工作

HTML:

jquery：

$(".draggable").draggable({
    helper: 'clone',
    start: function(ev, ui) {
        $(ui.helper).effect( "scale", { percent: 50 }, 200 );
    }
});

---

没关系，事实证明它与我使用的另一个样式表的行高冲突。>>

可能需要发布更多的html和jQuery代码来获取帮助我添加了其他我可以添加的内容，但没有其他内容是真正相关的。

 div.image-list div.item {
    float:left;
    background:#fff;
    width:150px;
    padding:5px;
    margin:4px;
    border:1px solid #d3d5d6;
    }
 div.image-list div.item h3 {
    margin:0;
    padding:0;
    border:solid 1px #F00;
    }
 div.image-list div.item div.image-block a.delete-button {
    float:right;
    position:relative;
    background:#fff;
    display:none;
    top:0.8em;
    margin-bottom:-20.0em;
    width:3em;
    height:1.8em;
    padding:0.2em 1em;
    }
 div.image-list div.item div.image-block a.image {
    float:left;
    display:block;
    }
.clear-block {
    clear:both; 
}

$(".draggable").draggable({
    helper: 'clone',
    start: function(ev, ui) {
        $(ui.helper).effect( "scale", { percent: 50 }, 200 );
    }
});