Radio buttons not display in IE8

HTML & CSS
1

Hi guys I’m having trouble styling the radio buttons of a form in I.E 8

The site: Website Example

I’ve checked it in firefox and it displays correctly but not in I.E 8

Any ideas why?

Thank you

2

Thanks for the help,

I added a class of radio to the radio buttons and then targeted them using

input.radio{
background:none;
}

If you take a look now tho the footer in ie8 is tight to the form when in firefox it applys the 20px margin.

Website example

Any idea why this might be?

3

Styling form elements (radio buttons for example) is extremely hard to get cross-browser results. In all honesty it is easiest to just not style them at all. :slight_smile:

4

The background-color is being set by the “input” element selector in style.css. This is being used by IE but not apparently by firefox

The line-height, of 18px, on the “ul li” element selector in style.css is not enough to cause the <br> to move down. Changing to 22px; gets the alignment right. In Firefox the radio button is smaller than in IE.

5

Try containing your floats :slight_smile:


#content-container {overflow:hidden;}