Question

I have a page that uses SVG to make an image map.

Works fine in IE9 and Chrome but FireFox and Opera are cropping the images – though rollovers do still work.

The site is here: http://www.kollegetown.com

Anyone know why this might be happening?

Answer 1

Just add this (or something equivalent) to your stylesheet:

svg { 
  height: 100%;
  width: 100%;
}