I have some problems to create responsive image maps with Matt Stows jQuery Plugin. I followed all the advices, but the image maps are still not responsive. I hope you can help. These are the instructions (Full page: <https://github.com/stowball/jQuery-rwdImageMaps>): 

1. If possible, add correct, unitless width and height attributes to your image map images. You can override these in CSS to make them responsive.
2. Add a link to jQuery in your page, preferably at the bottom just
before the closing `</body>`
3. After jQuery, either in a block or a separate file, call:

`$('img[usemap]').rwdImageMaps();`

That's my code, I set a fixed width and height which is overwritten in CSS.

```
<div class="banners">
    <img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" />
    <map name="banner-y"><area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite">
</div>

```

at the bottom of my php I placed this:

```
<script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script>
<script>
    $(document).ready(function(e) {
        $('img[usemap]').rwdImageMaps();
    });
</script>

```

In case you wonder, I changed the script source to a URL because I wasn't sure about the right path on my server, but that should not be the issue.