CSS-Tricks

Forums Get help. Give help.

• deh February 21 Permalink

  Hey wonderful people of css-tricks.com. I came across a browser issue i'm currently having on a banner. The banner is linked and there's also a mapped link on top of that. I wasn't aware this could break IE9 (is this the problem?).
  
  

  <p><a href="25-years-of-au"><img alt="promo-banner" src="images/aubanner.png" usemap="#Map" height="275" width="930" /></a>
      <map name="Map" id="Map">
          <area shape="rect" coords="681,13,935,66" href="http://www.staging.ausregistry.com.au/research/" alt="Click here to view the 2011 .au Research Report" />
          
      </map>
  </p>

• deh February 21 Permalink

  The problem can be viewed at http://www.staging.ausregistry.com.au/ if anyone is able to help :x
• Paulie_D February 22 Permalink

  Link doesn't work.
• Paulie_D February 22 Permalink

  Also I'm not sure that

  <a href="25-years-of-au">

  is a valid link.
• Senff February 22 Permalink

  I assume it should have been http://staging.ausregistry.com.au/
  
  Not sure why you are using a map there, with four areas -- the first one is the "Click here to view the .au Research Report" area, and the other three make up the rest of this banner (divided into three sections; top strip, left part, and everything under the first area).
  
  I would suggest using some absolute and relative positioning instead of the map area.