I'd like to stick with the proper form design using fieldset, legend, etc., but I'm having trouble figuring out how I can create the design I want using CSS. I'd like it to essentially mimic a common table design, where the table would have two rows: 1 to contain the legend (titile) and 2 to contain the actual form elements. How can I create this using CSS? My current XHTML has fieldset/legend and then the form label/input inside of ul/li tags.

Also, what would be the best approach to lining up the input fields? I want to have a row of 3 inputs containing fname, mi, and lname and their corresponding input fields. Below that I'd like a row for email to be aligned directly with the fname input above and a select statement to the right.