FieldSet Problem

[kestrel]

i cant get my fieldset to work properly
i have a form with two fieldsets, separating the required forms and optional
but the one around the optional isnt working
heres what i have:

[HTML]

<fieldset style="border: 2px solid red;"><legend><font style="background-color: red; color: black; font-weight: bold; font-size: 13px; font-family: Lucida Console;">&nbsp;Contact Us&nbsp;</font></legend>
<font class="regular">
Name:<br />
<input type="text" name="name" id="name" size="40" value="" maxlength="25" autocomplete="off" style="border: 1px solid red; color: red; background: black; text-align: center;" /><br /><br />

Email Address:<br />
<input type="text" name="email" id="email" size="40" value="" style="border: 1px solid red; color: red; background: black; text-align: center;" /><br /><br />

Subject:<br />
<input type="text" name="field-16adf3ed0a741a3" id="field-16adf3ed0a741a3" size="40" value="" style="border: 1px solid red; color: red; background: black; text-align: center;" /><br /><br />

Question/Comment<br />
<textarea name="field-2fb9f8e54c8527c" id="field-2fb9f8e54c8527c" rows="6" cols="40" style="border: 1px solid red; color: red; background: black; text-align: left;" ></textarea>
</fieldset>
<br />
<fieldset style="border: 2px solid red;"><legend><font style="background-color: red; color: black; font-weight: bold; font-size: 13px; font-family: Lucida Console;">&nbsp;Contact Us&nbsp;</font></legend><br />
Rate This Site<br />
<select name="field-77ff30f1176485f" id="field-77ff30f1176485f" style="border: 1px solid red; color: red; background: black; text-align: left;" >
<option value="Pick One (5 is best)">Pick One (5 is best)</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><br /><br />

Where did you hear about this site?<br />
<input type="text" name="field-06d7f6da57f10df" id="field-06d7f6da57f10df" size="40" value="" style="border: 1px solid red; color: red; background: black; text-align: center;" /><br /><br />

Is there any way that this site can improve?<br />
<textarea name="field-3ea5a26a81757d9" id="field-3ea5a26a81757d9" rows="6" cols="40" style="border: 1px solid red; color: red; background: black; text-align: left;" ></textarea></fieldset>
</fieldset> <br />
<input type="submit" value=" Send " style="border: 1px solid red; color: red; background: black; text-align: center;" />
<input type="reset" value=" Reset " style="border: 1px solid red; color: red; background: black; text-align: center;" />



</font>
[/HTML]

[ronverdonk]

What do you mean by "the optional fieldset isn't working"?
The code displays both fieldsets correctly, as far as I can see it.
The buttons don't work because you need these within a <form> set.

Ronald :cool:

[kestrel]

but when ever i try the field set, the optional form doesnt show correctly

[ronverdonk]

Well it works in my browser (IE 6). I only took the duplicate </fieldset> statement at the end out.

It displays 2 fieldsets with white background and red borders. The text entry fields are red text on black background. The 2 buttons are blck with red text. Can you be more specific mon the error you encounter?

Ronald :cool:

[kestrel]

well, im using firefox, and it gets all messed up

thanks

[ronverdonk]

It cannot be the duplicate </fieldset> tag at the end, can it?
If you cannot find the cause, maybe you could try to get rid of all things like "style=" and other make up and see if it gets displayed in Firefox then.

Ronald :cool:

[kestrel]

heres my problem
i dont know why it does that,
but when i separate the 2 <fieldset></fieldset>
its perfect.