Implementing RESIZE

Implementing RESIZE


Hi
I am having a couple of problems with resize:
1. Consider this element:
<div class="box">
<h1>Heading</h1>
<div class="main">
Hello
</div>
<div class="footer">Footer <img src="resizeimg.png" class="footer-
img" /></div>
</div>
There are numerous such divs on the page.
I want the .main divs to be resized with the corresponding image in
the footer (.footer-img) as the handle.
How do I do that?
2. I've noticed that every resizable div has a couple of divs added
after - ui-resizable-e etc.. I don't like that. How to get rid of
them?
Thanks