OK. Well I have had a closer look.
The unordered list is completely broken.
<ul>
<li><a href="http://www.fusionspiritualemporium.com//">Home</a> ::
<a href="https://secure.hostmonster.com/~fusionsp//index.php?main_page=login&zenid=24d4453603aef1b1052519b8a3c0e4cf">Log In</a>
::
<li><a href="http://www.fusionspiritualemporium.com//index.php?main_page=shopping_cart&zenid=24d4453603aef1b1052519b8a3c0e4cf">Shopping Cart</a></li>
<!--bof-header ezpage links-->
:: <a href="http://www.fusionspiritualemporium.com//index.php?main_page=privacy&zenid=24d4453603aef1b1052519b8a3c0e4cf">Privacy Notice</a>
<!--eof-header ezpage links-->
</li>
</ul>
A whole load of closing </li> tags are missing. Without a proper structure to the list the display is just not going to play the game. Each list element needs to be enclosed in a pair of <li></li> tags to get the styling to work correctly.
So, to start you need to sort out this unordered list. SOme of the problems may be the template, others may be your own editing. Let's go back to a clean slate.
Find the file: tpl_header.php (templates/yourtemplate/common/)
Find the code section where the div #navMain is built.
In the default file this looks like:
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
You can find the pairs of <li></li> tags quite clearly. If your version of the file doesn't look like this then we have found an area of 'interest'. I would replace the section in your file with the code above.
If you want to add extra items to the menu this is fine. You just need to make sure that they are part of the unordered list.
So, it might look like:
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
<li>NEW ITEM HERE</li>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
That will mean that the list is built in a well formed way and then the styling has a bit of chance of working.
The styling you have in the stylesheet doesn't look too far of the mark. Once you have sorted out the list we will be able to see the effect of the styling clearly and tweak it to get that perfect effect.
Let me know how you get on. I am in meetings for the next few hours but after that am at my desk and will help all I can. It looks like you've worked out how to get image backgrounds into the sideboxes and this is just as simple as that so we should have no problem!
Nik
