Radio devices do not display correctly in IE7, but normal in Firefox?

Question

I have a site setup that works fine in ie8 and firefox, but as you can see here:

Is this a problem with CSS or PNG transparency? Or is it just something with IE7.

Thank you in advance :)

Answer 1

For anyone with a similar problem, the way around this was to add

background-image: none;

In css for radio buttons :) Hope this helps.

Answer 2

I'm not sure if this is a phenomenon you are experiencing, but it looks so strong, so:

<input> , . CSS, , ( , ) . IE, , .

, , HTML:

<input type="radio" class="radio" ... />

CSS :

input {
  // stuff for most input fields goes here, e.g.
  background-image:url(fancy.png);
}
input.radio {
  // reverting the rules I don't want applied, e.g.
  background-image:none;
}

, , , , IE6 (, Windows 2000 , , ).

Answer 3

IE 9 asp RadioButtonList, :

<asp:RadioButtonList ID="RadioListSearchScope" runat="server" TextAlign="Right" >
<asp:ListItem Text="Include Thread & Inquiry Keywords" selected="true" Value="0"></asp:ListItem>
<asp:ListItem Text="Include Thread & Inquiry Title Text" Value="1"></asp:ListItem>
<asp:ListItem Text="Include Inquiry & Response Body Text" Value="2"></asp:ListItem>
<asp:ListItem Text="Search All the Above" Value="3"></asp:ListItem>

Chrome, FireFox .. CssClass RadioButtonList HTML, , type = radio, CSS

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }
    input[type="radio"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

He seemed to have healed the radio buttons! The text was OK, but the small 'button' had about 20x20 pixels an area that was white no matter what. This is normal until the background is something other than white!

I hope this helps!