IE9 CSS issue with before and after - html

I have a CSS bug in one of the templates I am using.
Here is the hosting link:
Demo Link
You have to click on the cog icon (the gear icon on top right) then click on the "Menu on top" option.
This is happening in IE9, the menu dropdown appeared to be squeezed (http://imgur.com/ry2T4C1). I cannot figure out how to fix this or what to change as I cannot inspect element properly for IE9. Does anyone know or can help me with this? Been stuck for a while on it and my users needs this menu to be working.
Thank you in advance!

Related

Problems opening hyperlinks

On our webpage some links can not be opened anymore. When hovered, the correct URL is shown in the little preview box in the bottom left corner. But when clicking the hyperlink, nothing happens. Strangely it works on mobile view.
Only the hyperlinks with the link text "Weiterlesen >>" seem to not work.
Any suggestions?
Link to the page
Link to answer - How to fix problem with clicking event on bxSlider item in Chrome 73?
There is a bug with bxSlider in chrome. You should set touchEnabled: false in order to use clickable links without your slider.

scrollbar disappeared when i add mouse to mac at first time

Scrollbar disappeared when I add mouse to mac at first time.
please look at this links.
demo link
When I add mouse to my mac, scroll bar disappeared and a white color box coming right top corner. I do not know why. firefox working fine. chrome safari, and opera i.e had this issue. After refresh the page i could see scrollbar. Help me if you know/face this issue before.
screenshots here... who does not able to understand my issue.
screen shot one after i insert mouse to mac machine scroll disappeared and getting square box right top corner:
after I refresh the page i get see scrollbar.
You can change the setting in the preferences. By default, the scroll bar is hidden with mac products.
Odds are if a user is using a Mac, they're already aware of this and it's considered a feature to them.
But, if you really need it, try using the webkit css pseudo selector ::-webkit-scrollbar
This will only work in Safari and Chrome.

facebook like button not appearing <fb:like>

I have added a facebook like button with this code:
<div id="fblike"><fb:like id="aa" layout="button_count" show_faces="false" ></fb:like></div>
The problem is that it works only on Chrome and IE.
How is it possible?
In Firefox it is not showing.
You can see it at: http://judopassion.com/wordpress/?p=274
When you go forward to the image gallery, a pop-up will appear with the button.
What may be the problem?
Thanks.
If it only does not work in Firefox, my guess would be this problem:
Facebook Like buttons not displaying when loaded hidden
Btw, i only see one like button on your page, and that is right next to the article, always visible in every browser. If i click on the arrows in the gallery, thereĀ“s only a popup with countdown. When the countdown is over i can browse through the pictures. No sign of an additional like button.

CSS Navigation SubMenu will NOT display over Image when rolled over

I have been messing with this problem for about 4 days. I have read all kinds of forum posts on it, but nothing I've tried has worked. Here is my situation. I have a CSS Navigation Menu. Everything works fine in Firefox and Chrome, and on most of my pages in IE it is fine. But if the submenu drop down menu covers an image that is directly below the navigation menu, the submenu will disappear when moused over. You can see the working example in IE at the following address:
http://dcmsandbox.net/Menu.html
Please view source on IE to view code.
I would appreciate any help on this as I cannot figure it out on my own. I think it has something to do with z-index, but any combination I've used has failed.
Thank you.

css3 fade transition on links only works for some links on my website for chrome

Here is a jsfiddle which works: http://jsfiddle.net/n52ES/
It is how I have it set up on my website. However, if you notice on my website, only the 'subscribe' link in the footer (bottom center) works with the fade in transition on hover and the other links above it (i.e. google+, twitter) don't work. The same for the links at the very top right of the website in the navigation. I noticed this only happens in Chrome.
Does anyone have an idea as to why it only works for the 'subscribe' link? I'm lost.
The current version of Chrome stable has a bug that prevents it from animating visited links: http://code.google.com/p/chromium/issues/detail?id=101245 (this is why you are able to see it, but other people won't unless they actually click and go back to your website).
I'd just wait for it to be fixed.