#navMain & logo spacing

[shawna]

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/sho...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*

[kobra]

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-->

[shawna]

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!

[kobra]

I have a spacing issue below the logo

I see no yellow "BELOW" your logo???
Was your original question mistated?

[kobra]

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

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

[shawna]

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.

[kobra]

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%;
	}

[shawna]

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