#test{
width:400px;
height: 500px;
background: ;
margin: 100px auto 0px;

}

#no{
width: 10px;
height: 10px;
background-image: url("images/c_no.png");
float:left;
}

#ne{
width: 10px;
height: 10px;
background-image: url("images/c_ne.png");
float:right;
margin-top: -10px;
}

#so{
width: 10px;
height: 10px;
background-image: url("images/c_so.png");
float:left;
}

#se{
width: 10px;
height: 10px;
background-image: url("images/c_se.png");
float:right;
margin-top: -10px;
}

#tabn{
margin: 0px 10px;
background: #1D1D1D;
width: auto;
height: 10px;
}

#tabs{
margin: 0px 10px;
background: #1D1D1D;
width: auto;
height: 10px;
}

#contenedor{
height: auto;
background: #1D1D1D;
}

#contd{
background: ;
margin: -5px 10px 0px;
}

/* This is html*/

/* 
<div id="test">
  <div id="tops">
    <div id="no"></div>
	<div id="tabn"></div>
    <div id="ne"></div>
  </div>

    <div id="contenedor">
	<div id="contd">This is a test of this thing</div>
	</div>

  <div id="bottoms">
    <div id="so"></div>
	<div id="tabs"></div>
    <div id="se"></div>
  </div>
</div>





*/

secure and stable

redonded corners

css

CSS