IE7 Input line-height issue

by Admiral Potato

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>CATS!</title>
    </head>
    <body>
        <div id="holder">
        <div class="modal_holder">
        <div class="modal_top"></div>
        <div class="modal_tile">
            <div class="modal_content">
                <h1>Modal Window!</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas cursus fringilla. Aliquam varius arcu vel quam ultrices nec viverra quam pellentesque. Vivamus pretium, mi consequat sollicitudin vehicula, erat magna consequat libero, eget malesuada libero est interdum sem. Donec id velit nec odio tincidunt porttitor.</p>
                <form>
                    <div>
                        <label for="email">Email</label>
                        <input type="text" name="email">
                    </div>
                    <div>
                        <label for="fname">First Name</label>
                        <input type="text" name="fname">
                    </div>
                    <div>
                        <label for="lname">Last Name</label>
                        <input type="text" name="lname">
                    </div>
                    <div class="formFooter">
                        <input type="button" value="lol">
                    </div>
                </form>
                <div class="end"></div>
            </div>
        </div>
        <div class="modal_bottom"></div>
        </div>
    </body>
</html>

CSS

*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    text-align: inherit;
    text-decoration: inherit;
    color: inherit;
    background-color: transparent;
}
*:focus{
    outline: none;
}
html, body{
    height: 100%;
    width: 100%;
}

body{
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: top;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: helvetica, arial, sans-serif;
    text-align: left;
    text-decoration: none;
    color: #ccc;
}
h1{
    padding: 12px 0;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}
p{
    text-align: justify;
    padding: 4px 0;
}

#holder{
    padding: 128px 64px;
    z-index: 1;
}

.modal_holder{
    width: 608px;
    margin: 0 auto;
}
.modal_holder.large{
    width: 712px;
}

.modal_top,.modal_bottom{
    height: 96px;
    background-repeat: no-repeat;
}
.modal_top{
    background-image: url('http://beta.csc.com/images/new/modal_bg_top.png');
}
.large .modal_top{
    background-image: url('http://beta.csc.com/images/new/modal_bg_top_large.png');
}
.modal_bottom{
    background-image: url('http://beta.csc.com/images/new/modal_bg_bottom.png');
}
.large .modal_bottom{
    background-image: url('http://beta.csc.com/images/new/modal_bg_bottom_large.png');
}
.modal_tile{
    padding: 8px 0; /* Negative margins on children cannot escape parent unless parent has padding */
    background-image: url('http://beta.csc.com/images/new/modal_bg_tile.png');
    background-repeat: repeat-y;
    position: relative;
    z-index: 3;
    *zoom: 1;
}
.large .modal_tile{
    background-image: url('http://beta.csc.com/images/new/modal_bg_tile_large.png');
}
.modal_content{
    color: #333;
    margin: -104px 0; /* Extra 8px top and bottom...