title: area tag/ not clickable in firefox MAC
body: <p>Hi I made a image map with 2 clickable areas. (The Netherlands and South Africa)
  It works fine in <strong>Google chrome, Edge, Internet Explorere 11, Safari and mobile/tablet browser and chrome.</strong> </p>
  
  <p>But if I open my page: <a href="http://www.fruitconneqt.jevdopilot.nl/index.php/teest/" rel="nofollow">http://www.fruitconneqt.jevdopilot.nl/index.php/teest/</a>
  in firefox on my MAC I can't click on the Netherlands or South Africa.</p>
  
  <p>I really don't know why this is not working... so I hope maybe you know what I can change to make this work in mozilla firefox for MAC.</p>
  
  <p>Thanks...
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;
  &lt;head&gt;
  &lt;title&gt;relaties&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;script src="js/ios-orientationchange-fix.min.js"&gt;&lt;/script&gt;
  &lt;!--Fireworks CS5 Dreamweaver CS5 target.  Created Wed Dec 02 16:20:39 GMT+0100 (CET) 2015--&gt;
  &lt;style&gt;
   body {
    font-family: Helvetica, Arial, sans-serif;
   }
   h1 {
    font-size: 20px;
   }
   div {
    width: 100%;
    text-align: center;
   }
   img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
   }
  
   &lt;/style&gt;
   &lt;!-- Bootstrap Core CSS --&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;!-- Custom CSS --&gt;
      &lt;link href="css/agency.css" rel="stylesheet"&gt;
      &lt;!-- Custom Fonts --&gt;
      &lt;link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'&gt;
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
          &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]AFRIKA 917,563,1062,614| NL 835,161,1000,240--&gt;
  &lt;/head&gt;
  &lt;body bgcolor="#ffffff"&gt;
   &lt;div&gt;
  &lt;img name="relaties" src="img/relaties.jpg" width="1909" height="832" border="0" id="relaties" usemap="#m_relaties" alt="" /&gt;&lt;map name="m_relaties" id="m_relaties"&gt;
              &lt;a data-toggle="collapse" data-target="#collapseSix" class="page-scroll" data-parent="#accordion" href="#collapseSix"&gt;
              &lt;area shape="rect" coords="896,556,1072,632" href="#collapseSix" alt="" /&gt;
          &lt;/a&gt;
         
              &lt;a data-toggle="collapse" data-target="#collapseOne" class="page-scroll" data-parent="#accordion" href="#collapseOne"&gt;
              &lt;area shape="rect" coords="816,155,1016,253" href="#collapseOne" alt="" /&gt;
              &lt;/a&gt;
          
  &lt;/map&gt;
  &lt;/div&gt;
  &lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt;
                      &lt;div class="carousel-inner" role="listbox"&gt;
                      &lt;div class="item active"&gt;
                        &lt;div id="wrap text-center"&gt;
                  
              &lt;/div&gt;
                      &lt;/div&gt;
                      
                    &lt;/div&gt;
                  
  &lt;/div&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;div class="container text-left"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-lg-12"&gt;
            
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title  text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"&gt;&lt;strong&gt;The Netherlands&lt;/strong&gt;&lt;span class="caret" &gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseOne" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body  text-left"&gt; &lt;p&gt;&lt;img src="img/logo_fruitconneqt_klein.jpg" width="15%" &gt; &amp;nbsp; &amp;nbsp;Fruit Conneqt &amp;nbsp; - &amp;nbsp;&lt;a href="http://www.fruitconneqt.nl" target="_blank"&gt;Bekijk de website&lt;/a&gt;&lt;/p&gt;&lt;hr&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- FRANCE --&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"&gt;&lt;strong&gt;France&lt;/strong&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseTwo" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body text-left"&gt;
                      &lt;p&gt;Honey Crunch &lt;a href="#" target="_blank"&gt;Learn more.&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- ITALY --&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"&gt;&lt;strong&gt;Italy&lt;/strong&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseThree" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body text-left"&gt;
                      &lt;p&gt;Mazzoni &lt;a href="#" target="_blank"&gt;Learn more.&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- CHILE --&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"&gt;&lt;strong&gt;Chile&lt;/strong&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseFour" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body text-left"&gt;
                      &lt;p&gt;CopeFrut &lt;a href="#" target="_blank"&gt;Learn more.&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- NEW ZEALAND --&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"&gt;&lt;strong&gt;New Zealand&lt;/strong&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseFive" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body text-left"&gt;
                      &lt;p&gt;Taylor New Zealand &lt;a href="#" target="_blank"&gt;Learn more.&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- SOUTH AFRICA --&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title text-left"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapseSix"&gt;&lt;strong&gt;South Africa&lt;/strong&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapseSix" class="panel-collapse collapse"&gt;
                  &lt;div class="panel-body text-left"&gt;
                      &lt;p&gt;&lt;img src="img/capesupra.jpg" width="15%"&gt;&amp;nbsp; &amp;nbsp;Cape Supra &amp;nbsp; - &amp;nbsp;&lt;a href="http://www.capesupra.co.za" target="_blank"&gt;Bekijk de website&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;section id="services"&gt;
          
      &lt;/section&gt;
      
      &lt;/div&gt;
              &lt;/div&gt;
              
          &lt;/div&gt;
  &lt;script src="js/scrolling-nav.js"&gt;&lt;/script&gt;
   &lt;!-- jQuery --&gt;
      &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;!-- Bootstrap Core JavaScript --&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;!-- Plugin JavaScript --&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/classie.js"&gt;&lt;/script&gt;
      &lt;!-- Contact Form JavaScript --&gt;
      &lt;script src="js/jqBootstrapValidation.js"&gt;&lt;/script&gt;
      &lt;!-- Custom Theme JavaScript --&gt;
      &lt;script src="js/agency.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.rwdImageMaps.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(e) {
   $('img[usemap]').rwdImageMaps();
   
   
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>