Changing Tab Layout

[sports guy]

I am having a slight issue with my tab spacing. All my tabs space appropriately except for my home and logout tab. You can see the image here:



Here is the tpl_header.php setting area that is in my customer template that displays these tabs:

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_home.png"></a>'?>
<?php if ($_SESSION['customer_id']) { ?>
<a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_logoff.png"></a>'?>
    <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_myaccount.png"></a>'?>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_login.png"></a>'?>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_cart.png"></a>'?>
  <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_checkout.png"></a>'?>
<?php }?>
</div>
<div class="navMainSearch forward"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>

I can obviously see that the problem lies in between the home and logoff button which is the middle of this code:

<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_home.png"></a>'?>
<?php if ($_SESSION['customer_id']) { ?>
<a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><img src="<?= DIR_WS_TEMPLATE . 'images/bbutton_logoff.png"></a>'?>

My problem is that I don't know .php (if this is a php issue). All of those tabs showing are the same exact size and specifications with different text (because I manually created each one right after one another). Any ideas as to how I can get a space in betwen that area? Normally I would assume it's a css issue but wouldn't that go for all the tabs listed? So I am guessing it is a difference in the php code, that is different between those two buttons vs the other buttons.

Any ideas would be much appreciated.

[sports guy]

Also when the log in tab is showing there is a space. So this only happens with the logoff code and tab.

[sports guy]

Anyone?