Logo problem put in frame -CSS

I'm working on one site and I need frame like on http://www.thearchitecturestudio.net/. How开发者_运维问答 to put my logo(picture) like this ,overlap border ?

that is flash but if you want to do that with html try legend tag.

Ok, for example:

HTML:

<div class="logo">
    <img src="logo.jpg">
</div>
<div class="box">
    <p>some text</p>
</div>

CSS:

.logo {position:absolute;border:5px solid #fff;top:0;left:10px;}
.box {border:1px solid #000;width:500px;height:400px;}