Question

I have a big problem to make my site comp. with older browsers.

I use label+input text on many parts of my site. Somewhere IE7 did not show the background of the label.

The css of the label for login:

label[for="login"] {
       -moz-border-radius:5px 0 0 5px;
      -moz-border-radius:5px 0 0 5px;
      -webkit-border-radius:5px 0 0 5px;
      background:url(moduletable_header_color.png) repeat-x left bottom;
      border-bottom:#b3aba4 1px solid;
      border-left:#b3aba4 1px solid;
      border-radius:5px 0 0 5px;
      border-right:#b3aba4 1px solid;
      border-top:#b3aba4 1px solid;
      color:#fff;
      display:block;
      float:left;
      font-family:'TitilliumText22LMedium';
      font-size:12px;
      font-weight:bold;
      height:25px;
      line-height:25px;
      margin:0;
      padding-bottom:0;
      padding-left:10px;
      padding-right:10px;
      padding-top:0;
      text-shadow:1px 1px 0 black;
      width:140px;

}

I use this same code an other page for an other label:

.formField label {
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  background:url(moduletable_header_color.png) repeat-x left bottom;
  border-bottom:#b3aba4 1px solid;
  border-left:#b3aba4 1px solid;
  border-radius:5px 0 0 5px;
  border-right:#b3aba4 1px solid;
  border-top:#b3aba4 1px solid;
  color:#fff;
  display:block;
  float:left;
  font-family:'TitilliumText22LMedium';
  font-size:12px;
  font-weight:bold;
  height:25px;
  line-height:25px;
  margin:0;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  padding-top:0;
  text-shadow:1px 1px 0 black;
  width:140px;
}

And the 2nd is work well. The first work well on other browsers.
What should be wrong? Im pullin out my hair..

Answer 1

I hope, IE7 won’t support Attribute selectors (label[for=”login”]). When I check with w3c it will work if we put doctype.
Here is the example:-

http://www.w3schools.com/css/tryit.asp?filename=trycss_attselector_value

More details Here

http://www.w3schools.com/css/css_attribute_selectors.asp

Yes, it is not supporting
[for=”login”]