Works great in Firefox 2; In IE 7 only the last element resizes and ONLY if you use the first element's resize handlers.

$('.topicWrapper').each( function() { $(this).append('<div id="resizeHandlers"><div id="resizeSE"></div><div id="resizeE"></div><div id="resizeNE"></div><div id="resizeN"></div><div id="resizeNW"></div><div id="resizeW"></div><div id="resizeSW"></div><div id="resizeS"></div></div>').addClass('resizeMe').addClass('resizeMe').Resizable(

{

dragHandle: false,

minLeft: 1,

minWidth: 100,

maxWidth: 880,

handlers: {

se: '#resizeSE',

e: '#resizeE',

ne: '#resizeNE',

n: '#resizeN',

nw: '#resizeNW',

w: '#resizeW',

sw: '#resizeSW',

s: '#resizeS'

}

}

);

});