Question

This is on a live site so i hope to find a fix pretty quickly

I am completely stumped on this, a random gigantic circle with border only is appearing on my page when you click on the get a quote button, this loads a form via ajax, and then calls show on it, but on both ie and safari(a client noticed it on mac, i tested with IE and found it also) a gigantic massive circle appears when the content loads, i dont believe its a css issue and i tried inspecting the element but nothings there

the website is:
http://motionvideos.tv/
(click the banner (imagemap, the get a quote section))

Any help, advice or comments will be greatly appreciated, I have not seen something like this before =/

Answer 1

You’ve got an image map with your logo link.

Inside, you have one of the areas specified as a ‘circle’, when I believe you meant ‘rect’.

<area shape="circle" coords="650,57,1000,115" href="JavaScript:void(0);" alt="Get A Quote" title="Get A Quote" onclick="loadForm()">

change to

<area shape="rect" coords="650,57,1000,115" href="JavaScript:void(0);" alt="Get A Quote" title="Get A Quote" onclick="loadForm()">

The circle you were/are seeing, seems to be the “focus” state of the map area.

Goodluck.