title: Non Rectangular CSS Image Links
body: <p>I have the following requirement:</p>
  
  <p>A large image contains several 'hotspots' that need to link to other pages. Sounds simple. I have created a simple html page, a div with the background image and absolute positioned links using CSS with image sprite rollovers.</p>
  
  <p>However, I have now been presented with another image and the hotspots are not square, but irregular shapes. In one example they are similar to surfboards. Any ideas how I can get the links to respond to only the actual bounding box of the image. There are also instances where the 'hotspots' are parallelogram shaped and butted up next to each other.</p>
  
  <p>Creating rectangular images in this instance just doesn't achieve the results required.</p>
  
  <p>I think imagemaps might be a solution, but I want explore all alternatives first.</p>
  
  <p>Hope this makes sense.</p>