div.all {
	width:792px;
	height:536px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -268px 0 0 -396px;
	background-color:#CCC;
	z-index:4;
}

div.pic {
	position:absolute;
	width:724px;
	height:468px;
	top: 50%;
	left: 50%;
	margin: -234px 0 0 -362px;
	background-color:#093;
	z-index:5;

}

div.top {
	position:absolute;
	width: 230px;
	height: 14px;
	top:0px;
	left: 50%;
	margin: 0px 0 20px -115px;
	background-color:#09C;
	z-index:6;

}

div.bottom {
	position:absolute;
	width: 230px;
	height: 14px;
	bottom:0px;
	left: 50%;
	margin: 20px 0 0 -115px;
	background-color:#09C;
	z-index:6;

}

div.left {
	position:absolute;
	height: 230px;
	width: 14px;
	top:50%;
	left: 0px;
	margin: -115px 20px 0 0;
	background-color:#09C;
	z-index:6;

}

div.right {
position:absolute;	height: 230px;
	width: 14px;
	top:50%;
	right: 0px;
	margin: -115px 0 0 20px;
	background-color:#09C;
	z-index:6;

}

<div class="all">

	<div class="top"><p>top</p></div>
    
    <div class="right"><p>r</p></div>


	<div class="bottom"><p>bottom</p></div>


	<div class="left"><p>l</p></div>
    
    <div class="pic"><img src="test.jpg" /></div>
    
</div>