[devote]

решение IE8+

<style type="text/css">
#div1{
   display: table-cell;
   height:300px;
   width:300px;
   border:2px solid blue;
   vertical-align: middle;
}
#div2{
   height:200px;
   width:200px;
   background:#FF3CEE;
   border:2px solid red;
   margin: 0 auto;
}
</style>
<div id=div1>
    <div id=div2>
      и в нём div поменьше,
    </div>
</div>