on a page i'm working on,
http://www.dassomnambulist.com/new/item.shtml, i would like the image featured (the poster), to have a border like the following.

here's the code i have on my html file for it...
CODE
<div class="imageborderout"><img src="images/capsule.jpg" class="imageborderin" alt="" border="0" /></div>
and here's the code in the css file...
CODE
.imageborderin {
border: 1px #000000 solid;
padding: 1px;
}
.imageborderout {
border: 2px #000000 solid;
padding: 1px;
}
i can't figure out how to make the div stay at the width i want it to, other than using a width property, but i would like it to fit so that no matter what size the image is, it will not have a ton of negative space on any side. also, this didn't work with a span tag, as it was only like, one pixel tall.
thanks for any help!