Header logo dynamically changing between browsers

Hi,

I’m currently having my logo size switch between browsers. For some reason, on my computer at home (on Mozilla), my logo seems to show up the way it’s supposed to. However, my computer at work (as well as my buddy’s computer), the logo is VERY small, almost to the point where you can’t see what it says. I tried this for both Mozilla and IE and I’m still getting the same problem for each. I tried the various code fixes that I found on the HB forum, and again, these code fixes work fine on my Mozilla at my house, but they don’t work for my Mozilla or IE at work (as well as my buddy’s computer). I’m wondering if it has to do with Mozilla/IE updates, but I’m worried that if someone doesn’t have the most up-to-date Mozilla, that this will continue to occur. Ideally, it looks as if I will need a custom override code from preventing these dynamic changes to occur over the various internet browswers. I’ve attached a sample photo of the examples and I will also attach my website credentials in a separate comment. Thank you.

Here’s an example of one of the code fixes i’ve already tried:
#logo a { max-width: 100% !important; }
#header-inner.nav-type-2 #logo {
width: 100%;