title: Background image in IE7 doesn't appear on load
body: <p>I know the heading looks like the issue might have been asked already but after searching a lot, I couldn't find my answer so I am asking this.
  I found at several other places also but I couldn't find a suitable solution. I think, I can be helped here.</p>
  
  <p>I have an input type textbox field, I am adding a div around it dynamically using javascript. This div has one class="errorFieldIcon" attribute. I have this class definition in my css file.</p>
  
  <p>When I try to debug it in IE7 developer tool, I find the code for this class is reflected in Style tab. But, when I see the page the style effect is not reflected on the page. I have noticed that if I just go to developer tool and uncheck/check any of the CSS property in Style tab, I am able to see this image. </p>
  
  <p>This is quite surprising for me as I have noticed such an issue first time.Whenever page is loaded it doesn't show image/icon but when I uncheck or check any of the CSS propert, it starts displaying image. </p>
  
  <p><strong>My class code is</strong></p>
  
  <pre><code>.errorFieldIcon{
      background-image: url("../images/IcoMessageError.gif");
      height: 16px;
      left: -18px;
      position: absolute;
      top: 3px;
      width: 16px;
  }
  
  .errorFieldIcon {
      background-image: url("../img/ico_error.png");
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p><strong>Code</strong></p>
  
  <pre><code>&lt;TD class="DefaultFontBlack errorHighlight" vAlign=center colSpan=2 align=left&gt;
   &lt;DIV id=etvErrIcon class=errorFieldIconOwner&gt;
    &lt;DIV class=errorFieldIcon&gt;
    &lt;/DIV&gt;
   &lt;/DIV&gt;
   &lt;INPUT value=123# type=text name=SITE_DK_NUMBER_RULE&gt;
  &lt;/TD&gt;
  </code></pre>
  
  <p>if you need more info, I can provide. Since I am running it in local I am unable to provide link. But I feel this description should be sufficient.</p>