Custom background image for input field

by leongaban

HTML

<div class="email-container">
    <input type="text" value="aaaaaaaaaaaaaaaaaa" />
</div>

CSS

.email-container {
    background: url(http://leongaban.com/_projects/whoat/email-input-bg.png) no-repeat;
    width: 293px;
    height: 56px;
}
.email-container input {
    margin: 10px 0 0 10px;
    padding: 0 20px;
    width: 230px;
    height: 35px;
    font-size: 1em;
    color: #b1b1b1;
    line-height: 35px;
    border: none;
    background: transparent;
}