<!-- JampPanel-->
<style>
#html-header{
  position:absolute;overflow:hidden;
  display:block;margin-left:-16px;
  width:824px;height:450px;
}
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel_L:hover{
  margin-left:-20px;
}
#JampPanel,#JampPanel .container,#JampPanel_L,#JampPanel_L .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel,#JampPanel_L{
  opacity:0.86;
  position:absolute;z-index:1200;
  height:190px;top:8px;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  width:230px;
}
#JampPanel {right:0;margin-right:-202px;
  background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
}
#JampPanel_L {left:0;margin-left:-202px;
  background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;

}
#JampPanel .container{padding:12px;height:300px;width:100%;margin:-1px 0 0 30px;}
#JampPanel_L .container{padding:12px;height:300px;width:100%;margin:-1px 30px 0 0}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
#Zaslonyalka.L{margin:-12px -18px 0 0}
</style>
<div id=JampPanel_L>
  <div class=container>
    <div id=Zaslonyalka class=L></div>
Ваш контент(слева)
  </div>
</div>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka class=R></div>
Ваш контент(справа)
  </div>
</div>
<!--End//JampPanel-->