title: How can I incorporate an image map into a fluid layout?
body: <p>I am currently having a huge headache trying to get a site I'm building to work across variable resolutions. The main navigation is through an image map that needs to fill most of the viewport. I know this is totally outmoded but an image map seems the only non-Flash solution to allow polygonal area delimiting - i'd <em>love</em> an alternative though! </p>
  
  <p>I have eventually managed to get the site to resize to allow the main image to display on smaller monitors using conditional jQuery &amp; CSS, but that resizes the text within the slickboxes too, which looks awful!</p>
  
  <p>The site (very much unfinished) is <a href="http://www.artforeating.co.uk/portia/rainbowwhitebgscale.html" rel="nofollow">here</a>. I know the navigation isn't entirely clear yet (hover over and click paint colours), but I want to sort this issue first.</p>
  
  <p>My questions, in summary:</p>
  
  <ol>
  <li>Is there an alternative way to create this polygonal hotspot rollover image without using an Image Map?</li>
  <li>Is there otherwise a way of resizing the image map and overlaid slickboxes, while keeping text the same size?</li>
  </ol>
  
  <p>Thanks so much - been pulling hair out over this all weekend!</p>