Fieldset обивка не работает с внутренними дивы

Question

Так у меня есть HTML-код:

<fieldset> 
    <legend>Log On</legend> 

    <div class="altregrow"> 
      <label for="UserName">User name</label> 
      <input type="text" value="" name="UserName" id="UserName"> 
    </div> 

    <div class="regrow"> 
      <label for="Password">Password</label> 
      <input type="password" name="Password" id="Password"> 
    </div> 

    <div class="altregrow"> 
      <label for="RememberMe">Remember me?</label> 
      <input type="checkbox" value="true" name="RememberMe" id="RememberMe"> 
    </div> 

    <p class="right"> 
      <input type="submit" value="Log On"> 
    </p> 
</fieldset> 

И мой КСС:

fieldset { 
margin: 0 10px 10px 10px; 
padding: 10px; 
width: auto; 
border: 1px solid #333; 
display: block; 
} 
fieldset p { margin: 0.5em 0 0 0; } 
.regrow, .altregrow { 
text-align: left; 
padding: 7px 5px; 
width: 100%; 
margin-right: 10px; 
overflow: auto; 
} 
.regrow input, .altregrow input { 
float: right; 
margin-right: 5px; 
margin-top: 2px; 
} 
.altregrow { 
background: url(bg2.png) repeat; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

Я пытаюсь получить его так есть 10px запас по праву стороне дивов внутри фемид. Правило margin-right не работает, и я попытался установить набор полей с различными настройками отображения, но ничего не работает. Есть идеи?

Answer 1

, если вы удалите width:100% из разделов, он работает. В противном случае вы можете добавить дополнительное дополнение на fieldset или добавить margin-right для input.