CSS 和控件的问题，请熟悉CSS的高手一定要进来帮忙。
CSS 如下

.contactfieldholder {PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
.contactfieldholder LABEL {DISPLAY: block; FONT-SIZE: 11px;}
.contactfieldholder SPAN {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px}
-----------------------

.field {BORDER-RIGHT: #fff 1px solid; }

------------------------------------

aspx 如下

<div class="contactfieldholder"><label for="gender">Gender</label>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="field ">
</asp:RadioButtonList>
</div>

这个时候RadioButtonList控件收到 class="contactfieldholder“ 的影响继承了 DISPLAY: block
控件的的text都是显示在选择项的下面了，不是在原来的左边或者右边。
请问有没有什么办法能解决这个问题，
被这个问题困挠一天了，是在不熟悉css 希望各位能帮帮忙这里先谢谢，谢谢，再谢谢了。









<div class="rightbottom"></div></div>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="">
</asp:RadioButtonList>
<div class="clear"></div></div>

[解决办法]
contactfieldholder {PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
.contactfieldholder LABEL {DISPLAY: block; FONT-SIZE: 11px;float:left}
.contactfieldholder SPAN {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px;float:left}