Misaligned mailchimp text boxes?

Question

I've customised the mailchimp on http://medictrader.com/demo/ by adding the following css:

.mc-field-group{
    background-color: #FAFAFA; 
    padding: 10px;
}

#mce-email {
    float: left;
    margin:10px;
}

#mce-FNAME{
    margin:10px;
}

I'm mostly happy with the result but the First name and email boxes are not aligned! Is there a quick fix to this?

Answer 1

#mce-email is having a margin-bottom:10px; overriding it will solve the issue.

add margin-bottom:0px !important for #mce-email