Question

It took some manipulating to get the username and password form boxes next to eachother. I have it looking good on chrome, but then when I went to safari and firefox, the boxes were at drastically different heights.

The site is http://www.EpicSwap.com I can’t seem to get the code formatted properly Thank you for any help.

Answer 1

Try making your form a little bit wider, reducing padding-right (I took it out completely) on the the formleft element, and making formright float left as well. Notice I took out float:left on the form as well because it was unnecessary.

Like this:

form {
padding-top:6em;
width:450px;
}

#formleft {
float:left;
}

#formright {
float:left;
}