Checkbox not visible

HTML & CSS
1

Hi,

Can anyone please help me find out why i can’t see the Checkbox on this page in IE?

http://thecaskaleclub.com/register/

If you look at this line:

Please tick here if you do not wish to receive any further information or offers from Wadworth

You should see a checkbox next to it. It is visible in Firefox but not IE, any ideas?

Thanks

2

First, remember to always validate, esp when you hit a bug.

The id “drink” used more than onces
&'s not escaped in a URL
textareas MUST have rows and cols attributes (you can always override them with CSS)

None of those are your problem though.

I noticed initially the tops and bottoms of radio buttons were being cut off. I think it’s because the height on them is set to 10px and the font to something weird.

I think the checkbox isn’t showing up because (for some reason) it’s inside a span (why?) and the span is set to display: inline-block and IE is not letting the checkbox inside set the width.

http://stommepoes.nl/iecask.png

The smaller box is the span. I think it’s cutting off the checkbox. As a test, see if setting a reasonable width on the span helps.

3

Thanks :wink:

It’s an old site, will be doing a revamp soon :smiley: