---------------------------copy below here----------------------------

<!-- Outer Div -->
<div style="
margin:0px auto;
width:124px;height:188px;
background:url($thisfolderurl$eagle.jpg) repeat;
border:2px solid #fdbe02;">

<!-- Opacity Border -->
    <div style="
margin:0px auto;
width:112px !important; 
width:100%;
height:176px !important;
height:100%;
border:6px solid white;
filter:alpha (opacity=30);-moz-opacity:.30;
opacity:.30;-khtml-opacity: 0.3;">
    </div>

<!-- End Outer Div --> 
</div>


---------------------------copy above here----------------------------
That's the code you use.

These images are done with an HTML object, drag one onto your page.
1. Right click properties, HTML content copy and paste that code into there.

Let's put your image so the HTML object looks like the picture, it's easier to place that way.
2. Place holder graphic tab, and use "load new place holder graphic" and select your image.

Now your image is there we can look at the size..
3.Go to the general tab and make note  of the size mine is 124 wide and 188 high

We put that into the above code in the top section of the code
4. In the top <!-- Outer Div --> part of the code put your sizes in here:
width:124px;height:188px;

5.In the bottom part of the code <!-- Opacity Border --> take 12px off the two sizes (124-12=112) and put them in here:
width:112px !important;
and here:
height:176px !important;

Now let's get your image into the code
6.background:url($thisfolderurl$eagle.jpg) repeat;
go to the attached files tab and attach your jpg or gif and put your name instead of mine.. which is.... eagle.jpg

That's it done. Preview and you can change the colors and border sizes to what you want.


----------------------------changing the border size, style and color---------------------------

The opaque border is in the bottom part. <!-- Opacity Border --> it's white in this image:

 border:6px solid white; 

That is size: 
border:6px 
then style of the border:
solid  
then the color of the opaque border:
white

and the gold border is border:2px solid #fdbe02; in the top part <!-- Outer Div --> and is the same  size,style and color.
-----------------------------------------------------------
Note:  I had to change the code here for get web studio, since it writes the page for us we have to work 
around the div tags and placement n stuff, plus I have to deal with Internet Explorer and Fire Fox
they both read things different... so you'll still have to tweak placement a bit, so test in both browsers!
I'm just winging this stuff like you guys. 8^)
--------------------------------------------------------------