Skip Navigation | Home | Code Samples | Articles | Links | About | Contact Me | Make a Payment

LABEL IMG Fix for Win/IE

Win/IE doesn't do so hot with images that are embedded in <LABEL> elements. There are a couple of possible solutions to the problem.

Option 1 — Behavior

Language
label img {
  behavior: url({path_to_behavior}label_img.htc);
}

For you validation sluts, you can, alternatively, place the image as a background on the <LABEL> elements. However, this will bring up a whole slew of positioning issues if you're placing the <INPUT> element for the checkbox or radio button inside the <LABEL> element.

Note:
If any of you non-American visitors got your whiskers in a pinch about my choice of flags, keep in mind I'm American, live in America, this site is hosted in America, and this is an example.