<html>
<head>
  <title>Div example</title>
</head>
<body>

<style type="text/css"> 
.container {
  width: 300px;
  height: 80px;
  margin-left: 80px;
}

.shadowbox_top {
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  font-size: 0px;
  /* set height and margin-right at the same value */
  height: 4px;      
  margin-right: 4px;
}
.shadowbox_content {
  padding-top: 3px;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom:10px;
  overflow: hidden;
  padding-left: 11px;
  text-align: left;
  /* set border-right = margin-right + 1 */
  border-right: 5px solid #CCCCCC;  
}
.shadowbox_bottom{
  font-size: 0px;
  background-color: #CCCCCC;
  /* set height and margin-left at the same value as margin-right */
  height: 4px;
  margin-left: 4px;
}
</style>

<div class="container"> 
  <div class="shadowbox_top"></div>
  <div class="shadowbox_content">   
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
      Ut et orci eget sapien sollicitudin aliquam. 
      Mauris tincidunt tincidunt leo.           
  </div>  
  <div class="shadowbox_bottom"></div>
</div>

</body>
</html>