safari browser shows lines around div-- issue/bug - html

My website link is "http://orangecountyclassiccars.com/"
and its in PHP. When user clicks on comment button near to FBlike button, A Facebook comment-box appears. It perfect in all browsers but when open in apple/Mac it shows lines behind Facebook comment-box.
Here is attached Screenshot.
Thank You

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.

Can't click anywhere on my website from iPhone

I have one problem with my web site, if i open the website from any android device, everything is fine and the page work normal. But if i open the web site from my iPhone or any other iPhone (didn't try with other ios devices) i see the webpage, but i can't click anywhere. Can't click on links, button, input fields, images, can't select text or any other content in the page. It's like the page is one big image and can't do nothing there. I try with different browsers (safari, mozilla, chrome) from the iPhone and it's all the same. I don't know what to search exactly... If you need HTML or CSS code i can give you, but i have no idea where to start looking/fixing this problem or what cause it.

Chrome Link Preview Doesn't Disappear When Mouseout

Mouseover an a tag with chrome, it displays a href text at the bottom left corner, but sometimes after mouseout, the text display doesn't disappear, and sometimes it changed to display another link.
What cause the problem? Is it chrome's bug or related to some tips that frond-end designer should follow?

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.

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.