Hello,
I am having a slight issue where the input box for a submit form is appearing perfectly aligned (vertically) with the submit image just to the right of it. It appears fine in FireFox, Chrome and IE. However the other folks in my office have Macs, and the input form is appearing about 2px too low for the submit image, and it is not lining up perfectly. For reference, here is a screenshot of what it looks like:
Here is the CSS for it:
Quote:
#footerinputemail {
bottom: 38px;
height: 36px;
position: relative;
right: 3px;
width: 191px;
}
input {
background-color: #9C9A9C;
border: 1px solid #FFFFFF;
font-size: 18px;
outline: medium none;
width: 150px;
}
.image {
border-width: 0;
bottom: 20px;
left: 150px;
position: relative;
width: 55px;
}
#signupemail {
bottom: 44px;
position: relative;
right: 3px;
}
.inputtext {
color: #DED7DE;
font-size: 11px;
font-style: italic;
padding: 1px;
}
|
Any help would be greatly appreciated!