<div>  
  <div id="ush">  
  <div id="usc">$ONLINE_COUNTER$</div>  
  <div id="usi">$ONLINE_USERS_LIST$</div>  
  </div>  
  <div id="us2">Подробно</div>  
  <div id="us1" class="uho">Онлайн</div>  
  <div id="usl"></div>  
  <div id="usr"></div>  
  <div style="clear:both"></div>  
  </div>  

  <style type="text/css">  
  #us1 {width:49%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer;}  
  #us2 {float:right;width:49%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer;}  
  #usl {max-height:250px;overflow:auto;display:none;padding:5px 20px;}  
  #usr {max-height:250px;overflow:auto;padding:10px;}  
  #ush {display:none}  
  .uho {background:#dedede;}  
  </style>