<style>

    .sidebar {position: absolute;
      width: 200px;
      top: 0;
      height: 400px;
      padding: 5px;
      padding-top: 10px;
      text-align: center;
    }
    #Rightbar {
      margin-left:20px;
    }

    #Leftbar {
      margin-left:-230px;
    }
#Rightbar .container,
#Leftbar .container{
color:#F2F1EE;
padding:12px;
padding-top:86px;
text-align:center!important;
margin-bottom:15px;
width:170px;
border:1px red solid;
}

#Leftbar .container.a1{
height:134px;
background: transparent url(http://) no-repeat 4px 6px;
}
#Leftbar .container.a2{
background: transparent url(http://) no-repeat 4px 2px;
height:134px;
}
#Leftbar .container.a3{
background: transparent url(http://) no-repeat 4px 6px;
height:274px;
}
#Rightbar .container.a1{
height:136px;
background: transparent url(http://) no-repeat 4px 6px;
}
#Rightbar .container.a2{
background: transparent url(http://) no-repeat 4px 2px;
height:134px;
}
#Rightbar .container.a3{
background: transparent url(http://) no-repeat 4px 6px;
height:136px;
}
.nav {margin: 0 -30px 0 30px;}
.nav a{display: block; color:#000000; background-color: #A5A2A2; text-align: center; width:100px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #817C7C; color:#ffffff}

.scroll {
 width:100%;
 overflow-y: auto;
}
    </style>

<div style="float:left;">
<div id="Leftbar" class="sidebar">

<div class="container a1">
Контент Левого Сайдбара
</div>

</div></div>


<div style="float:right;">
<div id="Rightbar" class="sidebar">

<div class="container a1">
Контент Правого Сайдбара
</div>

</div></div>