css style problemer med <div

God morgen udviklere.

Jeg forsøger at opstille en chat lidt mere pænt, men støder ind i nogle problemer med opstillingen af Online brugere.

1: Online brugere (skal vises før boksen.).
2: Reload af online brugere skal ske i boksen.

Boksen står nu meget godt hvor den er, men jeg kan ikke få "Online brugere" ovenover den boks.

Kan simpelthen ikke se hvor fejlen lige er i det her.

<div class='online'>Her vil jeg gerne have Online brugere</div>
<div id='chattere'>Det er min boks.</div>

Problemet er at Online brugere så vises nedenunder boksen, og ikke ovenover.

Gjorde sådan her:

<div class='online'>Online brugere</div><div id='chattere'></div>

Men virker ikke.

 .online {
     margin-left: 630px;
     width: 198px;
     margin-top:-452px;
     background: #fff;
     border: 1px solid #000;
     padding: 2px;
     }
     
     #chattere {
     margin-left: 630px;
     width: 198px;
     margin-top:-352px;
     background: #fff;
     border: 1px solid #000;
     padding: 2px;
     height: 300px;
     overflow: auto;
     }