CSS reading problems on Firefox, Whereas it looks fine on IE and Chrome

Hi benoit escher,

Are you still experiencing issues with this?

I think perhaps you were editing at the same time I accessed the site so now the navigation region appears differently than described above.

From what I could tell, you will definitely need to adjust your CSS based on your #navigation selector and possibly adjust the margin settings for this item.

You can use Firebug, a Firefox plugin, to "inspect element" in order to target the appropriate CSS selectors.

For more information on using CSS, please consult these very helpful CSS tutorials.

Hope this info is helpful!

Best regards,

hello Stacy! Thank you very much for your warm answer! Indeed, I think I was theming while you had a look, it's a shame.. I put the proper customized theme back so you can see the actual problem. It's always a big frustration to see that it works on all navigators except one!

here is what i found with Firebug  :

<div id="navigation" class="stack-navigation stack horizontal pulldown clearfix tb-scope">

Many thanks,

have a nice day.

Hi benoit escher,

You're welcome!

We will need a little bit of time to troubleshoot the CSS issue on your site. We'll post back here when we have additional information for you.

Thanks!

Regards,

Hello Stacy Wray,

It's nice to hear from you again, I really appreciate your help and the time you devote to this issue.

I have followed your instructions, I wish it was fine but unfortunately, the bug doesn't seem to be fixed on firefox.

I pray one day we'll find a solution.

I am really thankful for that.

I remain ready if you need me to do something.

Goodbye and have a nice day.

Kind regards,

Benoit Escher

Hello Benoit Escher,

I'm going to take a closer look, and go ahead and close out the other duplicate post about the issue.

I'll post back here within this thread when I have more news for you.

Thanks!

Best regards,

Hello Benoit Escher,

This is looking much better now. 

I added the following CSS code snippet to the Custom CSS in your Advanced tab:

#navigation {

margin-top: 8.79em;

}

.stack-navigation {

position: fixed;

It's definitely not perfect, but seems to be a good compromise between Firefox and the other browsers (Chrome and Safari).

You can experiment with adjusting the margin-top ems if you want to try to get it a bit closer.

Let me know how this works for you.

Thanks!

Best regards,

Hello Stacy, first of all, I would like to say sorry for my late reply, I was quite busy these times.

the result is great, I am relieved and delighted.

Thank you very much for your help Stacy,

Goodbye,

Drupal rocks,

Regards.

Benoit Escher, from Paris.

Hello Benoit Escher,

You are very welcome - glad to help!

Kind regards,