Padding on text box different in Firefox and IE

HTML & CSS
1

Hey,

Take a look at this page:

http://www.loumolloy.com/lou/

If you notice the “Sign up to Lou Molloys Style News & receive 10% off your 1st order!” section you will see that textbox text ‘email address’ appears perfect in firefox but not in IE.

Does anyone know why this is?

Thanks

2

Hi,

It looks out in both to me. One is too high and the other is too low.

Try something like this:


.rounded {
    background:  url(http://www.loumolloy.com/lou/images/email.png) no-repeat left top;
[B]    padding:0 5px;[/B]
    width: 202px;
    height: 28px;
[B]    line-height:28px;[/B]
    margin-left:5px;
    color:#a5a5a5;
    font-size:11px;
}
3

Thanks again Paul,

It’s just that these clients moan about the smallest of things so it’s best just to keep them happy :slight_smile:

Appreciate the help.