jquery ui ne met pas à l'échelle le texte correctement!

Question

J'essaie d'utiliser jquery ui pour mettre à l'échelle un div que je traîne pour le rendre plus facile à voir, mais tout texte à l'intérieur est étrangement scalable. Le texte lui-même devient plus petit, mais il semble avoir un tas de rembourrage autour de lui et flotte maintenant. Le texte s'étend au-delà du fond de la div, même s'il devrait être contenu correctement par la div. J'ai mis une bordure rouge autour des lignes de texte et les bordures ont la même taille que le texte original. Je ne suis pas vraiment sûr de ce qu'il faut faire pour que cela fonctionne ...

HTML:

<div class="item draggable" id="item-1'"> 
    <div class="image-block"> 
     <a class="delete-button" title="delete me!" href="/remove/1" onclick="return $(this).confirm(\'Really remove this image?\');">X</a> 
     <a class="image" href="/edit/1"><img src="/someimage.jpg" /></a> 
     <div class="clear-block"></div> 
    </div> 
    <h3>Some title</h3> 
</div> 

CSS:

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; 
} 

jquery:

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

Answer 1

Nevermind il s'est avéré que c'était une ligne-hauteur en conflit d'une autre feuille de style que j'utilisais. >.>