css element margin for Firefox with Linux OS

I designed this website, and I have been unable to place an the element ( div#endinglogo ) in a way that renders proper开发者_如何学运维ly for firefox / Linux operating system users.

http://motivacionenlinea.com/

I am working with all browsers in windows 7, and although the design appears as it should in the firefox with MY operating system, my guesses to fix firefox/Linux have not worked.

My questions is what is proper margin to give to element div#endinglogo for it to appear where it should.

I have attached two images below.

The first shows how I want the header to look: http://postimage.org/image/rsd27dvo/

The second shows how I been told it appears in browser firefox when using linux operating system: http://postimage.org/image/rtgr3pqc/

I have a php file that serves firefoxLinux.css file, or at least that is the intent. Is this file being loaded when you see this website through firefox/linux?

Thank you for your help

In your firefox.css, you have a different negative top margin for your div#endinglogo. Make it -110px (like it is in your chrome.css file) and it should work.

On a related sidenote though, why are you creating multiple stylesheets for different browsers? For most things there are solutions that work consistently across browsers and operating systems, and only in a few cases do you need special styles (i.e. for IE, maybe some older versions of firefox). I think if you were to consolidate your styles you would run into less problems. Of course that's just my two cents.