Forums

...I'm having this anomaly happen in IE only. Check it out:

http://img152.imageshack.us/img152/2927/validationproblemya6.png

My CSS works fantastic in FF, but it seems like there is a div with a class="advice-required" or someother that's causing it to not display like it should.

Any ideas?

CSS code:

/*Adding Form Validation Styling*/
.validation-failed {
        background-color: #FFD5D5;
}

.validation-advice { 
display: block;
padding: 8px 10px 8px 36px;
margin: 5px 0; 
color: #CF3738;
border: 1px solid #FFACAD;
background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;
}

Form code for this area (it's a fieldset in a fieldset):

<fieldset>
<legend>Contact Information</legend>
<ol>
<li>
<fieldset>
<legend>How did you hear about this site? <em>*</em></legend>
<label><select id="referred" name="referred">
<option value="">Please select one...</option>
<option value="newspaper">Newspaper</option>
<option value="postcard">Postcard</option>
<option value="wordofmouth">Word of Mouth</option>
<option value="google">Google.com</option>
<option value="yahoo">Yahoo.com</option>
<option value="seother">Other Search Engine</option>
</select>
</label>
</fieldset>
...continues...

Any help is appreciated!

Got it! My fieldset in a fieldset CSS didn't have the width declared, so IE (as usual) was being a stickler about it and cutting it short.

Changed to width=85% and it worked like a charm.

False alarm!