how to add additional fieldsets

Currently I have a fieldset in my CSS. Looks like this:

fieldset
{
border: 2px solid #660000;
font-size: 4px;
}


Now I need to add a new fieldset to a table I have, but this fieldset needs to have a define width of 280. So, is this what I add in my CSS?

fieldset2
{
border: 2px solid #660000;
font-size: 4px;
width: 280px;
}

And then in the code of the page I would do <fieldset2> </fieldset2> ?

I ask this, because I tried the above method and it didn't work. It doesn't define the width as 280, is stretches the fieldset across the entire width of the page.

 

Nevermind. I got it by adding an id="idname" to the second fieldset instead of naming it fieldset2

 

.class1
{
border: 2px solid #660000;
font-size: 4px;
}

.class2
{
border: 2px solid #660000;
font-size: 4px;
width: 280px;
}

...

<fieldset class="class1">...</fieldset>
<fieldset class="class2">...</fieldset>

 

Understand that Internet Explorer doesn't handle the styling of fieldsets very well. I suggest you read Legends of Style by John "Tyssen" Faulds (tyssendesign.com.au).

And please, don't use tables to lay out your forms.