good morning/afternoon/evening/night EXT-ers,

i'm back with another question about resizable (draggable) divs. i want to vertically align the text within my div. before i made them resizable i used these:

align: top
Code:
<div style="position: absolute;">
   <p style="top: 0%; margin: 0px; position: absolute; height: 20px">
       Hi All!!!
   </p>
</div>
align: middle

Code:
<div style="position: absolute;">
   <p style="top: 50%; margin: 0px; margin-top:-10px; position: absolute; height: 20px">
       Hi All!!!
   </p>
</div>
align: bottom

Code:
<div style="position: absolute;">
   <p style="top: 100%; margin: 0px; margin-top:-20px; position: absolute; height: 20px">
      Hi All!!!
   </p>
</div>
this was working fine, till i made them resizable. i think the negative margin-top causes the problem. since the text is lower then where it should be. and bottom lets the text disappear completely.

does ayone know how to fix this? or how to do this on an EXT-ier way?