How to give rounded shape to Fieldset and Legend using CSS

In the head part:
<style>
        .fieldset1
        {
            border: 2px solid green;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            width: 300px;
        }
        .legend
        {
            background: White;
            border: solid 1px black;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            padding: 3px 1px;
        }
    </style>

In the body part:
<fieldset class="fieldset1">
        <legend class="legend">Shipping Information</legend>
        Hello...
 </fieldset>