Firefox CSS Problems

[Deadweight]

Ironically, I am having a problem in firefox alone (excluding opera). Anyways, when you load the home page: http://cgs.thebcelements.com/ you will see that the top nav bar has a space in before it. I do not know why this is happening because once you click on one of the other links there is no space. They have the same stylesheets and scripts (just not content). Works perfect if Chrome and IEL (Latest).

Any help would be great.
DW.

I found the problem in css:
#header_data { margin-top:5px; border-top:1px solid black; position:relative;}
However, i am not sure why it is moving the other bar down when they aren't together.

[ajfmrf]

Sorry to hear of this issue.I am using firefox 32.0 and I see no space above any links on any page I went to

[Deadweight]

Weird because look here:
5516
Picture uploaded weird:
http://cgs.thebcelements.com/images/Shot153.png

[Beverleyh]

Try
.outer_body { margin-top:0 !important; }

[jscheuer1]

Hmm, looks like something else is going on. I'd try instead:


#nav_main {min-height: 33px;}

But I think that there's some cascading positioning issue that's not immediately clear. If that could be found and corrected, that would be better. The min-height set to it's computed height seems to fix it though.

[Deadweight]

Thanks for all your help; however, i kinda played around with it after Bev's suggestion and did something like this:


#nav_main { background-color:#000; position:relative; top:0;}
#header_data { margin-top:0px; border-top:1px solid black; position:relative; top:5px;}
.outer_body { width:80%; border:1px solid black; border-top:none; margin-top:5px;}