Ok, here's the situation. I have an image (Sample_front2.jpg) that has several clickable areas on it that go to outside websites. I use the img element together with the map element (see source code below). I've tested on Chrome and Firefox and I can click to the links, but on IE (I'm using IE9) I cannot click to them.
Here is the relevant source code from my HTML document:
Check it out in Chrome and Firefox and you'll be able to click to each of the websites listed on the image (Twitter, Facebook, mailto:firstname.lastname@example.org, www.benjamincook1.com). With IE however, you cannot access these links.
Personally, I would avoid using "position:absolute" - the bane of novice coders - for general layout purposes.
Also "image-maps" should really be avoided wherever possible - image failure or text only browsers have no links.
Normal links could definitely have been used for this layout.
Instead of just copying what you did (which probably I'll end up doing anyways), would it be possible for you to isolate what I did wrong in my markup and tell me specifically why it won't work in IE? Like a couple sentence answer? I think this would help me understand more going forward.
I just figured it out thanks to Dave's reply (above). After going through the W3C validator, it told me I had errors on the lines where I specified the coordinates with "px" added for pixels. Apparently IE doesn't like the pixels designation? Anyways, I simply removed the "px" from each of the coordinates and now it works like a charm in IE. Thanks for your help at any rate!