This was contributed by one of our most active users, Kori Francis, who is also the author of Chargify.Net sample code.

Kori says...

Wanted to share some simple CSS which can fix a few issues with the hosted page CSS (including the select size being different):

div.section_three input,
div.section_four input, div.section_three select {
background: #f5f5f5;
border: 1px solid #ccc;
-webkit-border-radius: 5px; -moz-border-radius: 5px; resize: none; }

* html input { overflow: visible; padding: 5px;}

div.section_three select {
margin-top: 5px;
padding: 6px;
}

div.section_three input:focus,
div.section_four input:focus, div.section_three select:focus {
background: #fff;
}

Though, it works for everything including IE - there's an issue in IE where the text is placed strangley. I'm not an IE CSS expert, so I'm not sure how to fix that. Any suggestions?

Kori