Firefox doesn't show elements but Chrome and Safari do - css

I'm using a WordPress theme and in Chrome and Safari the site looks fine.
Here is the origin theme page: http://demo.onedesigns.com/pinboard/
But in Firefox the social buttons in the upper right corner are not displayed.
I started to inspect the elements and figured out they are grayed out.
But I don't see styles that make them invisible or something like that.
What does it mean?
Firefox 39.0, Mac 10.10.3

They are blocked by the extension Adblock Plus. You can see that by the style -moz-binding():

Related

Chrome hides HTML5 video when switching tab

I'm experincing this error on my homepage, when switching tabs in Chrome:
The error does not seem to happen in either Safari og Firefox. Tried on Chrome, Safari and Firefox on MacOS and Firefox and Chrome on Ubuntu. Chrome is the only browser having trouble with this.
Specifically it sets the CSS display attribute to display: none; which I can't wrap my head around.
Try it for yourself: https://supervisual.com/
It is not about chrome, it's something on that website code or something that makes that, try right click on the video and open in new tab, that issue doesn't happen when switching tabs then.

Some Fontawesome icons not displaying in Safari

I've noticed a problem when using Fontawesome with Safari (on Mac OS X Mavericks). Some icons, such as Twitter, Instagram etc. do not appear. At first I assumed they were removed because of a copyright issue, but they work fine in Chrome. Here's a screenshot of Safari vs Chrome, and the missing icons in Safari. The web inspector doesn't display any errors. It works displays fine in MobileSafari too.
Does anyone know the reason why only a few icons wouldn't show up? Is there a fix for this?
Thanks!
EDIT Turns out the AdBlock extension for Safari was causing this issue, its back to normal when AdBlock is disabled.
Turns out the AdBlock extension for Safari was causing this issue, its back to normal when AdBlock is disabled.

CSS Menu Not working with XML rotating Banner

I tested Nvidea css drop down menu on a site with XML Flash rotating banner , it works find on opera but doent work on internet explorer and google chrome, it actually goes behind.
menu from : http://www.lwis.net/free-css-drop-down-menu/
see link here: http://sonymax.co.uk
thx
Seems there is a problem with the menu actually, I removed the banner in IE and the drop-down menu still doesn't show up. Also note, that if you change your compatibility mode from IE7 to IE8 or 9 the menu and banner are way off. You should revise your code a bit.
It works in my Chrome, not sure why it doesn't in yours, only IE has the problem as far as I tested.

Google Chrome rendering its own styles

I'm changing over a site from HTML to Wordpress (for the first time, so be gentle!) and I ran into an issue with Google Chrome applying styles that I've never knew existed! In this case I'm referencing the style that positions the bg.gif image background. In both IE9 and Firefox the background elements seem to work just fine, but in Google Chrome I'm having the issue.
If you go to this site: http://www.richmindonline.com/doggy2/ then right-click the upper right corner of the page in Google Chrome, then click "Inspect Element", you will notice styles that are being applied that have nothing to do with my stylesheets.
Could someone provide some guidance as to how to fix this. I've already tried adding my own styles to trump the Chrome styles, but it's not working.
Which styles are you trying to override? What you're seeing are browser defaults - all browsers have them whether they show you or not.
What I'm seeing in the inspector is Chrome identifying the text direction and locale. Are you using a CSS reset?
http://www.cssreset.com/
Should go a long way in starting all browsers at the same default.

Scroll bar css style in Internet Explorer

I've got this problem while doing the scroll bar for both iPad and browsers. The style is working fine with Opera, Safari, Firefox and Chrome. However the style doesn't show in Internet Explorer and it appears the wired horizontal scroll bar on the page too.
You can find a link to the page here.
Does anybody know how to fix this issue?
Looking at the iScroll website and demos it looks like IE isn't supported. Go ahead and try it in IE http://cubiq.org/dropbox/iscroll4/examples/simple/. You may want to try another library such as this one http://www.hesido.com/web.php?page=customscrollbar which seems to work just fine in IE.

Resources