Forum Moderators: not2easy
I have one problem in fieldset in Firefox, the thing is some extra border space is comming in firefox, it works fine in IE, pls give me some solution to solve it
in CSS part
fieldset {
margin: 0 0 0 0;
border: 1px solid #b6b6b6;
}
fieldset.alignedFieldSet {
background-color:#ffffff;
display: block;
}
fieldset.alignedFieldSet label {
float:left;
width:50%;
display: block;
}
.mandatoryField {
background-color:#F9F9F9;
font-family:"MS Sans Serif", Georgia;
font-size: 11px;
color: #353535;
text-decoration: none;
font-style: normal;
border: 1px solid #B6B6B6;
display: block;
float: left;
margin: 2px;
text-align: left;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}
.nonMandatoryField {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
font-style: normal;
border: 1px solid #B6B6B6;
display: block;
float: left;
margin: 2px;
text-align: left;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}
.mandatoryFieldLabel
{
background-color:#F2F2F2;
font-family:"MS Sans Serif", Georgia;
font-size:10px;
color:565656;
font-weight: normal;
font-style: normal;
text-align: left;
padding-left: 20px;
padding-top:4px;
padding-bottom:4px;
}
in html part
<div id="idNewOwnerName" >
<fieldset class="alignedFieldSet" >
<div class="coun_tbl_head1">New Owner Name </div>
<label for="forPropertyId" class="mandatoryFieldLabel"><u>F</u>irst Name</label>
<input id="idFirstName" type="text" name="firstName" class="mandatoryField" size="25" accesskey="F"/>
<label for="forLastName" class="mandatoryFieldLabel"><u>L</u>ast Name</label>
<input id="idLastName" type="text" name="lastName" class="nonMandatoryField" size="20" accesskey="L"/>
<label for="forMiddleName" class="mandatoryFieldLabel"><u>M</u>iddle Name</label>
<input id="idMiddleName" type="text" name="middleName" class="nonMandatoryField" size="20" accesskey="M"/>
</fieldset>
</div>
----------
thanking you
vivek