Image Map in Sidebar Widget?

Hi there,
I tried to add an Image Map to my sidebar widgets, for my Social Media button display. An image map is supposed to make it so you can click into multiple areas of an image. But for some reason, only the Instagram and Facebook links are working within the image. The Facebook link seems to be overshadowing the Twitter and Contact Us button & won’t take you to the Twitter or Contact Us page like it should.

Any ideas as to why this might be happening?

Here is the code I used:

<map name=“image-maps-2016-09-17-131403” id=“ImageMapsCom-image-maps-2016-09-17-131403”>
<area alt="" title="" href=“” shape=“rect” coords=“0,0,102,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“” shape=“rect” coords=“113,0,219,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“” shape=“rect” coords=“232,0,331,278” style=“outline:none;” target="_self" />
<area alt="" title="" href=“Welcome -” shape=“rect” coords=“341,0,443,278” style=“outline:none;” target="_self" />
<area shape=“rect” coords=“444,276,446,278” alt=“Image Map” style=“outline:none;” title=“Image Map” href=“” />

Is there a reason why this wouldn’t be working correctly in the sidebar???
{The program I used to make my image map was}

Hi @livylynnglittergirl,

I hope you are well today and thank you for your question.

This is happening because you are using larger image having size 446px X 278px for image map but in the sidebar only the image having size 333px X 207px can be fit so please resize your image map image to make it work.

Best Regards,