In the Name/Email inputs, the tops of the text "Name" and "Email" are cut
off (Firefox 4 / Ubuntu). I think the reason for this is for the computed
font size ( 25.13 px), the line height is 32px. However, only 17px space is
available. If you increase the height of the input element to 44px, and
move the background image (border image) vertically by 6px and remove the
bottom margin, everything will be OK.

.sof-email-form input {
    -moz-box-sizing: border-box;
    background: url("../images/email-form-input-bkg.png") no-repeat scroll
0 6px transparent;
    color: #888888;
    display: block;
    font-family: Little Days;
    font-size: 1.571em;
    font-weight: bold;
    height: 44px;
    margin: 0 auto;
    padding: 9px 4px 3px;
    width: 231px;
}

At least, it looked fine in Firefox 4 with Firebug. Let me know if it works.

Regards,
Chetan Crasta
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to