Untitled

<div id="container">

    <div class="row">

        <div class="pan1">

            <div class="content">

              LEFT PANEL 

              <br /><br />

              <br /><br />

              <br /><br />

             </div>

        </div><div class="pan2">

            <div class="content">

               RIGHT PANEL <br/>

            </div>

        </div>

    </div>

</div>

body { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 12px; 

background-color: #f5f6f7; 

} 

#container { 

width: 600px; 

margin-left: auto; 

margin-right: auto;

background: #ccc;

} 

.row { 

margin-top: 10px; 

background: #fff; 

padding: 0px;

border: 1px solid #000;

} 

.pan1  { 

width: 300px;

display: inline-block;

vertical-align: middle;

*zoom: 1;

*display: inline;

padding: 0px;

border: 1ps solid #000;

background: #999;

} 

.pan2  { 

width: 200px;

display: inline-block;

*zoom: 1;

*display: inline;

padding: 0px;

background: #ccc;

} 

.content {

padding: 0px;

border: 1px solid #000;

font-size: 12px;

}