Код:
<!--HTML-->
.tabbycatss {
position: relative; 
background: #cbcbca;
font:10px/150% Times New Roman,sans-serif;color:#000;
padding:1px 30px 25px; 
min-width:450px; 
max-width:470px; 
height:430px; 
margin:auto; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #ddd background-color: #989796;  
border: 4px #c9c9c9 double; 
 border-radius: 20px;-moz-box-shadow: inset 0 0 2px 2px #b8b8b8; 
-webkit-box-shadow: inset 0 0 2px 2px #b8b8b8; 
box-shadow: inset 0 0 2px 2px #b8b8b8;
clear: both;
}

.tabbycat {float: left;}

.tabbycat label {
  display: block;
  width: 135px;
  text-align: center;
font-family: times new roman;
  margin-top: 28px;
  color: #000000;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #b6b6b5;
  padding: 5px;
text-shadow: 0px 0px 0px #383737;
  position: relative;
  margin-bottom: 10px;
  margin-left: 50px;
}

.rule {height: 130px; overflow: auto; text-align: justify; color: #5f5d5b; font-size: 10px; background-color: #dcdad8; } 

.tabbycat [type=radio] {
display: none; 
}

.catcontent {  position: absolute;
overflow-y: auto;
  font-family: Times New Roman;
  font-size: 13px;
  text-align: left;
  line-heigh: 10% top: 30px;
  left: 10px;
  width: 508px;
  height: 360px;
  background: #b6b6b5;
  border: 1px solid #9c9c9a;}

[type=radio]:checked ~ label {color: #000; background-color: #9d9b99; border-bottom: 0px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .catcontent {z-index: 1;}

<div class="tabbycatss">

<div class="tabbycat">
<input type="radio" id="tabbycat-1" name="tabbycat-group-1" checked>
<label for="tabbycat-1">Люди</label>

<div class="catcontent">
<b></b><br>
<a href="http://darkside.rolbb.ru/profile.php?id=7">Christian Reed</a> — бармен, волонтёр в морге, участник ИПА<br>
<a href="http://darkside.rolbb.ru/profile.php?id=10">Ewan Sky</a> — студент-политолог на последнем году обучения<br>

</div>
</div>


<div class="tabbycat">
<input type="radio" id="tabbycat-2" name="tabbycat-group-1">
<label for="tabbycat-2">Вендиго</label>
<div class="catcontent">
<b></b><br>
<a href="http://darkside.rolbb.ru/profile.php?id=8">Adam Hill</a> — психиатр<br>
<a href="http://darkside.rolbb.ru/profile.php?id=6">Devin McGillavry</a> — безработный, городской сумасшедший<br>
<a href="http://darkside.rolbb.ru/profile.php?id=11">Jane McGregor</a> — преподаватель немецкого языка в университете<br>
<a href="http://darkside.rolbb.ru/profile.php?id=3">Howell Sky</a> — студент, глава ИПА<br>

</div>
</div>

</div>