Captcha box getting cut off in IE6

Hi All,

I know this is going back a ways to worry about IE6 but my audience isn't all that computer savvy so some of them could still have IE6, actually, one of my sales reps still has it.

This is a sweepstakes entry form so it's real important that it doesn't eliminate anyone from entering.

The catcha box is getting cut off in height to the point where it's usually unreadable. I saved the image from the page display and the entire box is in fact actually there in it's entirety so it must be strictly a CSS display problem. I tried to make a copy of the CSS div.fieldGroup from Standout design and changed it to overflow:hidden and also tried specifying the box size but none of that helped. I've also got a rather wide "submit" button and it's sliding to the right and getting cut off on the right side.

Here's the link to the page:
racing_sweeps_entry.php


Thanks,

If you look in the FD_Standout_sweepsentry.css, you'll notice that the margin is set to 0 0 -20px 30px under this css block:
form.Standout_sweepsentry img.Captcha

Try setting the -20px to 0 for this entry when using IE6.

Hi Jimmy,

That took care of it. I didn't do a conditional statement for IE 6 I just changed it in the CSS, will that be OK?

What about the submit button running off the page is there anything I can do about that? I couldn't even find a div for it.

Thanks

The submit button is that wide due to the text it contains. If you reduced the text in the value of the submit button, it wouldn't be as wide. The code for the button looks like this:
<input id="sweepsentryform_submit" class="formButton" type="submit" onclick="clearAllServerErrors('sweepsentryform_Standout_sweepsentry')" value="Enter the characters in the field above and click here to submit your entry" name="sweepsentryform_submit"/>

Hi Jimmy,

Thanks, I'll cut it down some.

Roger

It looks like you've gotten your form working. If you run into any additional issues, feel free to open a new thread.