Comment bien placer les régions ?

Bonjour à tous, peu importe l'heure de la journée !
Pourriez-vous me dire, les plus expérimentés, quelles lignes CSS manquent.
Je veux ajouter deux régions au thème. User bar 1st et 2nd. Mais je n'arrive pas à les placer sur la même ligne avec margin auto, ou pour qu'ils soient alignés ou centrés.
Drupal 7.

Dans le code page.tpl.php, cela ressemble à : 

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

Voici les styles CSS (tels qu'ils apparaissent actuellement, j'ai déjà essayé de les modifier, mais ça ne fonctionne pas. Ça ne marche qu'avec float left ou right, mais ce n'est pas adapté) :

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

Je vous serais reconnaissant pour toute aide !