Extra images - alignment in header

[magicpants]

I made the "classic" error when first upgrading to 1.3, by accidentally using the classic CSS and anyway, ended up creating a "zoo of css" (Dr. Byte's words).

Now, I'm starting over with the template_default (and Future Template) and I'm trying to put some buttons back in my header, to the right of the main header picture (our logo).

This is the way it should look:


This is the way it currently looks:


I can't figure out what CSS to use to get these sitting in the right spots. I started with divs around everything and then changed them to spans and I'm getting confused.

From my tpl_header:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>

<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<div class="roundButtons"><?php echo '<span class="' . strtolower(HEADER_TITLE_CATALOG) . '"><a href="' . zen_href_link(FILENAME_DEFAULT, '', 'NONSSL') . '"></a></span>';?>
<?php if (isset($_SESSION['customer_id'])) { ?>
		<?php echo '<span class="' . strtolower(HEADER_TITLE_LOGOFF) . '"><a href="' . zen_href_link(FILENAME_LOGOFF, '', 'SSL') . '"></a></span>';?>
		<?php echo '<span class="' . strtolower(HEADER_TITLE_MY_ACCOUNT) . '"><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') . '"></a></span>';?>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
		<?php echo '<span class="' . strtolower(HEADER_TITLE_LOGIN) . '"><a href="' . zen_href_link(FILENAME_LOGIN, '', 'SSL') . '"></a></span>';?>
		<?php echo '<span class="' . strtolower(HEADER_TITLE_INFO) . '"><a href="' . zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL') . '"></a></span>';?>
<?php } } ?>
		<?php echo '<span class="' . strtolower(HEADER_TITLE_CART_CONTENTS) . '"><a href="' . zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '"></a></span>';?>
<?php	    
  if ($_SESSION['languages_id'] == 1) {
	      $key = 'da';
	      } else {
	      $key = 'en';
	      }
	      echo '<span class="' . strtolower(HEADER_TITLE_LANGUAGE) . '"><a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('language', 'currency')) . 'language=' . $key, $request_type) . '"></a></span>';?></div> 
                 
<div class="searchHeader"><?php require(DIR_WS_MODULES . 'sideboxes/' . 'search_header.php'); ?></div>
</div>
<br class="clearBoth" />
<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

And this is what I have in .roundButtons CSS:

.roundButtons {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 580px;
	}