Wie platziere ich die Regionen richtig?

Hallo zusammen, zu jeder Tageszeit!
Kann mir jemand mit mehr Erfahrung sagen, welche CSS-Regeln fehlen?
Ich möchte zwei Regionen zum Thema hinzufügen: User bar 1st und 2nd. Aber ich schaffe es nicht, sie in einer Zeile mit margin auto anzuordnen, oder dass sie gleichmäßig verteilt sind oder in der Mitte stehen.
Drupal 7.

Im page.tpl.php sieht der Code so aus: 

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

Und hier sind die CSS-Stile (so wie sie jetzt aussehen, habe ich schon gelöscht und hinzugefügt, aber es funktioniert nicht. Es funktioniert nur mit float left oder right, was jedoch nicht passt):

.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;
}

Ich wäre für jede Hilfe dankbar!