Need help in moving Home/Login tabs

[MSGOK]

I am needing some help with rearranging my nav tabs. I want to place them underneath my header which I accomplished that just fine, but I have a problem despite the instructions I followed from the posts on this matter. I have a long grey bar going across to the right on my nav tabs instead of being on the left side.

View of the problem:

http://www.mistys-specialty-gifts.biz/test/

Note: This site is only my test site for me to use while changing my layout.


Here is the code placement of what I did in tbl_header.php

<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<!-- divs for drop shadow -->
<div id="nw"><div id="ne"><div id="se"><div id="sw"><div id="n"><div id="s"><div id="w"><div id="e"><div id="main"><table id="workaround"><tr><td>
   <div id="headerWrapper">
      <!--bof-branding display-->
      <div id="logoWrapper" class="clearfix">
        <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>
        <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
        <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>
        <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
      </div>
      <!--eof-branding display-->
<!--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-->
      <!--bof-header ezpage links-->
      <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
      <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
      <?php } ?>
      <!--eof-header ezpage links-->
<!--bof-navigation display-->
      <div id="navMainWrapper">
        <div id="navMainSearch">
          <?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
        </div>
        <div id="navMain">
          <ul>
            <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><span><?php echo HEADER_TITLE_CATALOG; ?></span></a></li>
            <?php if ($_SESSION['customer_id']) { ?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGOFF; ?></span></a></li>
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
            <?php
      } else {
        if (STORE_STATUS == '0') {
?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_LOGIN; ?></span></a></li>
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><span><?php echo HEADER_TITLE_MY_ACCOUNT; ?></span></a></li>
            <?php } } ?>
            <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><span><?php echo HEADER_TITLE_CART_CONTENTS; ?></span></a></li>
            <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><span class="last"><?php echo HEADER_TITLE_CHECKOUT; ?></span></a></li>
          </ul>
        </div>
      </div>
      <!--eof-navigation display-->     
<!--eof-header logo and navigation display-->
    
      </div>
    <?php } ?>

What did I do wrong?

[kobra]

In your stylesheet remove or comment out the background image

#navMainWrapper {
	background:url("../images/grey/header.gif");
	}

[MSGOK]

In your stylesheet remove or comment out the background image

#navMainWrapper {
	background:url("../images/grey/header.gif");
	}

Okay. I did that, but it didn't solve my problem. I still have that ugly empty space - to the left of my tabs - that needs to be filled up with the same color grey.

[kobra]

Try adding/changing this and adjust color as needed:

#navMain {
	float:right;
	width: 100%;
        background-color: #9a9a9a;
	line-height:normal;
	}