<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>