вывести элементы поверх остальных модулей - Вопросы по CSS

#nav_soc {
  padding: 0; 
  width: 762px; 
  margin: 0 auto
  }
#nav_soc ul {
 list-style: none; 
  margin: 20px; 
  padding: 40px;
   transform: rotate(270deg);    
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform-origin: left center 0;  
-ms-transform-origin: left center 0;
-moz-transform-origin: left center 0;
-webkit-transform-origin: left center 0;
  }
#nav_soc li {
  display: inline;
  
  }
#nav_soc a {
float: left;
width: 75px;
height: 30px;
background-color: none;
text-decoration: none;
text-align: center;
padding: 0;
padding-top: 10px;
font-size: 14px;
color: #343434
}
#nav_soc a:hover {
 color: #564334;
 }

<div id="nav_soc">
<ul>
<li><a href="#">раз</a></li>
<li><a href="#">два</a></li>
<li><a href="#">три</a></li>
</ul>
</div>