Creating resize handles and dashed border for selected element

I'm attempting to build a custom resize function using javascript. What would be the best way to add resize handles and a dashed line around the selected element? Similar to how YUI handles resizing (without using YUI of course), considering the element may already have a border around it that should not be affected.

Would it be absolutely positioning a div over the element to create the dashed border, and 8 smaller divs to create the resize hand开发者_高级运维les?