Nested Fieldsets

Given the following HTML code I would like to have the "nested_one" and "nested_two" fieldsets render next to each other horizontally, which is how IE7 displays them, however other browsers display them "stacked" one per line.  Any recommendations on how to fix this?
<fieldset name="outer" style="padding:8px;margin:5px;">
  <legend>outer</legend>
  <fieldset name="nested_one" style="width:10px;padding:6px;margin:3px;background-color:#F5FF80">
    <legend>nested_one</legend>
  </fieldset>&nbsp;&nbsp;
  <fieldset name="nested_two" style="width:10px;padding:6px;margin:3px;background-color:#99FF80">
    <legend>nested_two</legend>
  </fieldset>
</fieldset>

Open in new window

LVL 27
ddrudikAsked:
Who is Participating?
 
dolcezzzaConnect With a Mentor Commented:
did you try display: inline; ?
0
 
ddrudikAuthor Commented:
Thanks for the quick answer.
0
All Courses

From novice to tech pro — start learning today.