#lm, #rm{
        position:absolute;
        top:30px;
        width: 300px;
	height: 95%; /* --------------------------   возможно стоит указывать отдельно для каждой менюшки конкретную высоту */
	transition-duration: 300ms;/* время анимации ОТКРЫТИЯ-ЗАКРЫТИЯ */
	border: 1px solid blue;
     }

.left-menu {
        left:-270px;
      }
.left-menu:hover, .sleft-menu {
        left: 10px;
      }
.right-menu {
        right: -280px; /* right: -230px;*/
      }
.right-menu:hover, .sright-menu {
        right: -10px;                                                              /* 60 - ???*/
      }

ul{
  float:left;
  width:265px;
  list-style:none;
  font-weight:bold;
  margin-bottom:10px;
  position:absolute;
   opacity:0.75; /* Устнавливаем начальное состояние прозрачности */
  /* -webkit-transition:0.25s linear opacity;-??? и так работает /* В Webkit выпадающие пункты будут проявляться */
}
li{
  padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
  float:none;
  margin-right:10px;
  position:relative;
}
li a{ 					/* для пунктов обоих меню - кроме цвета */
  display:block;
  padding:5px;
  color:#fff;
  background:#333;
  text-decoration:none;
  background:rgba(51,51,151,0.85); /* Будет СИНИМ полупрозрачным */
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -webkit-transition:-webkit-transform 0.075s linear;
  border-radius:2px;
}

.rightmenu li a{ 				/* ЦВЕТ для пунктов правого меню */
  background:rgba(51,151,51,0.85); /* Будет ЗЕЛЁНЫМ полупрозрачным */
}

li a:hover{ /* Устанавливаем стили для выбранного пункта, когда курсор наводится на конкретный пункт */  
color: yellow;
  text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
  background:#333;
  background:rgba(51,51,51,0.95); /* Будет полупрозрачным */
  text-decoration:none;/*underline;*/
  -moz-transform:scale(1.05);
  -webkit-transform:scale(1.05);/*увеличение(масштаб) выбранного пункта*/
}

html {
  overflow: hidden;
}
body{
        position:absolute;
  overflow: hidden; /* выступающее по горизонтали -- скрыть*/
  border: 2px solid red; /*---------------------------------------------------------------------------------- временно границы*/
  font-family:Arial,Verdana,sans-serif;
  font-size:0.75em;
  color:#333;
  /* width:960px; */
  width:98%;
  height:94%;
  margin:0 auto;
  padding:10px;
}

   .column3 {
    -webkit-column-width: 200px; /* оптимальная ширина колонки */
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3; /* количество колонок */
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px; /* расстояние между колонками */
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc; /* линия между колонками */
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
   }