Fieldsets with tables inside. How to put them on the same line?

I need to align two <fieldset> objects on the same line in partial view form. Whatever I do nothing helps. Trying to float them to the left, to the right, tried to minimize the width, tried display:inline option.

Without tables it works. With them - doesn't.

UPD: Or it might be something to do with qTip within whic开发者_JAVA技巧h I'm trying to place those.

---

It's not tabular data, so why are you using a table?

There are numerous css fieldset examples to use to make nice looking fieldsets using labels and inputs appropriately. (See http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html and http://www.sitepoint.com/fancy-form-design-css-4/ for two quick examples)

If you then want to have the two fieldsets arranged horizontally, you can use display: inline-block

---

Fieldset works with the tables. Remove any style part in the table tag. try this example. It works for me.

<fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;">
<legend>Search Results</legend>
    <table id="EmployeeDetails" border="1" cellpadding="3%">
    <tr>
        <th>Name</th>
        <th>Case Status</th>
        <th>Click here to View </th>
    </tr>
    <tr>
        <td>Dinesh</td>
        <td>Occupied</td>
        <td><button type="submit" id="Search">Search</button></td>
    </tr>
</table>
</fieldset>