Hoe plaats je regio's correct?

Hallo iedereen, op elk moment van de dag!
Kunnen ervaren mensen me vertellen welke CSS-regels ontbreken?
Ik wil twee regio's aan het thema toevoegen: User bar 1st en 2nd. Maar het lukt niet om ze in één regel met margin auto te plaatsen, of zodat ze gelijk zijn of in het midden staan.
Drupal 7.

In page.tpl.php ziet de code er als volgt uit: 

<div class="zone-user-wrapper">

<div id='userbarfirst'> 
<?php if ($page['user_first']): ?>
<?php print render($page['user_first']); ?></div>
<?php endif; ?>

<div id='userbarsecond'> 
<?php if ($page['user_second']): ?>
<?php print render($page['user_second']); ?></div>
<?php endif; ?>

</div>

En hier zijn de CSS-stijlen (zoals ze er nu uitzien, ik heb al geprobeerd te verwijderen en toe te voegen, maar het lukt niet. Het werkt alleen met float left of right, maar dat is niet geschikt):

.zone-user-wrapper {
margin-top: -5em;
z-index: 200;
display: block;
clear: none;


}
.zone-user-wrapper {
background-color: #00779C;
height: 3em;
min-width: 650px !important;
width: 100%;
}

#userbarfirst {
float: right;
height: 38px;
margin-right: 2.5em;
margin-top: 0;
padding-right: 0;
position: relative;
width: 377px;
display: block;
margin-left: auto;
margin-right: auto;
}
#userbarsecond {
float: right;
height: 35px;
margin-top: 0;
position: inherit;
width: auto;
margin-right: 1px;
display: block;
margin-left: auto;
margin-right: auto;
}

Ik zou dankbaar zijn voor elke hulp!