Hi all,

As shown in the image of the attachment the IE7 doesn’t render legend border, but there is no rendering problem with IE6 or Firefox

This is the html I used for the above part:
      <fieldset><legend><?=_(‘Login’)?></legend>
      <label><?=_(‘User Name’)?></label><input type=“text” name=“user_name” id=“userName” />
      <label><?=_(‘Password’)?></label><input type=“password” name=“password” id=“pswd” />
      <input type=“submit” value=“Sign In” />
     

      <!—Forgot your password?—>
      </fieldset>

The css I used for it :
fieldset { margin:0 0 10px 0; padding: 10px; border: #DDD 1px solid; background-color:#FFF;}
legend { font-weight: bold; color: #666; }
fieldset label{ position:relative; margin-right: 10px; padding-right: 10px; width: 15em; display: block; float: left; text-align: right;min-height:1em;top:0.25em;}

Please guide me a way to fix this, this is for the FOSS project SAHANA

If it doesn’t work with <legend>, try with something else, like a span or even <strong> tag, add a border to the element in your css and the work is done..