Snippet: http://jsfiddle.net/scottbeeson/TU6Zw/
HTML Code:
<div id="itemMap" class="shadow">
<div class="mapHeader">List of Items</div>
<div class="mapItem">Item 1</div>
<div class="mapItem">Item 2</div>
<div class="mapItem">Item 3</div>
</div>
CSS Code:
#itemMap {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 230px;
background-color: #f9f3b7;
border: 1px solid cornflowerblue;
font-size: .8em;
z-index: 10;
}
Javascript Code:
$('#itemMap').resizable({
handles: 'w',
minWidth: 180
});