Como posicionar corretamente as regiões?

Olá a todos, em qualquer hora do dia!

Por favor, me digam, pessoal mais experiente, quais linhas de CSS estão faltando.

Quero adicionar dois regions ao tema. User bar 1st e 2nd. Mas não consigo colocá-los em uma linha com margin auto, ou para ficarem alinhados ou centralizados.

Drupal 7.

No page.tpl.php o código é assim: 

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

E aqui estão os estilos CSS (como estão agora, já apaguei e adicionei, não funciona. Só funciona com float left ou right, mas isso não serve):

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

Ficarei grato por qualquer ajuda!