The issue I am currently facing is related to the logo placement on my website. I am trying to make the monster in the logo appear as if it is sitting on the secondary menu, so I implemented the following code:
#logo {position:absolute; z-index:20; margin-top:-5px !important;}
#top-menu {margin-left:300px;}
Here is the desired effect: https://i.sstatic.net/mvSJH.png
Unfortunately, this setup works perfectly in Chrome, but I am encountering issues in Firefox and IE. I have tried tweaking the CSS in both browsers, but the changes are not consistent across all platforms.
You can visit my website at