<style>

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

    #Leftbar {
      margin-left:-230px;
    }
#Rightbar .container,
#Leftbar .container{
color:#3d3225;
padding:12px;
padding-top:86px;
text-align:center!important;
margin-bottom:40px;
width:186px;
border: 0px red solid;
}

#Leftbar .container.a1{
height:600px;
background: transparent url(http://uploads.ru/i/r/T/H/rTH0C.png) no-repeat 4px 6px;
}
#Rightbar .container.a1{
height:600px;
background: transparent url(http://uploads.ru/i/H/E/2/HE2sN.png) no-repeat 4px 6px;
}
.nav {margin: 0 -5px 0 0px;}
.nav a{display: block; color:#000000; background-color: #c6ad7b; text-align: center; width:150px; padding: 2px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #291e09; color:#ffffff}

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

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

<div class="container a1">
<br><br><br><br><br><br><br><font size="1">Добро пожаловать в Колледж Зурбаран, место полное противоречивых настроений, сплетен и горячих интриг.</font></div>


</div></span>



<span style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container a1">
 <div class="scroll" style="height:140px;">
      <font size="1"><br>• Стартовал первый квест. Ознакомиться и записаться на него, вы можете <a href="http://zurbaran.rolka.su/viewtopic.php?id=84#p891">тут.</a>
<br>• Игра официально объявлена открытой. Разыскиваем себе партнеров и приступаем к постам. Если возникнут проблемы, обращайтесь в личку к Давиду, все вопросы решим.)
<br>
 </div>

</div>
<div class="container a3">
 <div class="scroll" style="height:140px;">
</div>
</div>

</div></span>