#navMain & logo spacing

I'm not sure what's going on with my stylesheet, but I'm finding that #navMain is not containing the element <ul> class "back" in Firefox (latest version). But my header layout looks perfectly fine in IE (latest version).

I have a spacing issue below the logo which I'm hoping will be cleared up once I find a reasonable answer for the #navMain problem. ???

I highlighted each element in the header with a colored border because I had some seriously funky things going on yesterday. lol..
http://ackleys.centrxsystems.com/shop/

Here's my style sheet:
http://ackleys.centrxsystems.com/shop/includes/templates/ackleys/css/stylesheet.css

I think I'm just needing a second or third set of eyes at this point. hahaha...I've been staring at all this header code for way too long already.

sigh

In your template folder, if you have not already placed a copy of tpl_header.php in a folder "common" do so and find the following and remove the following in red and see if that helps

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

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

I tried that once before to no avail. lol..
I just uploaded tpl_header with that "clearBoth" removed and you can see that #navMainWrapper ( green border ) has now snuck up around #navMain ( yellow border ), in Firefox.

Is it me or does IE seem to be the preferable browser in this case? haha.. What's the problem with Firefox, I wonder. sheesh!

I have a spacing issue below the logo
I see no yellow "BELOW" your logo???
Was your original question mistated?

You state that you removed it but from your view source it is still there

</div>
<br class="clearBoth" />
<!--eof-branding display-->

oh. Sorry, my bad. I deleted the first instance of "clearBoth" in that file, not the one you specified. lol..My mistake. Apologies.

ok, I deleted the correct one and it seems to help. Thank you!

About the yellow border, I may have mistated:
In Firefox, do you see the collapsed div (bordered in bright yellow) above the #navMain links which are above the search box?

The yellow border is applied to #navMain, but in Firefox that div (#navMain) hovers above rather than contain the navMain links.

Looking, you are most likely attempting to add a border to #navMain and you should be addressing #navMainWrapper

Seperate it out to be similar to the following and see what results as i believe that it will most likely take a bit more code rearrangement to obtain what you are seeking

Adjust as necessary

#navMainWrapper {
        height: 50px;
        border: 2px solid yellow;
        }
#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a8487;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

ok, I'll give that a try. I appreciated your help! Thank you so much!!