FireFox 3.0 - CSS Style Fix
2008 September 17
This is just a quick fix that a number of folks have emailed us about and it is one line of code to add to your stylesheet that will correct this display problem.
During the checkout process when you are on the customer input (billing and shipping) within the checkout process. In FireFox 3.x the bottom form fields are skewed on the page.
In your /scripts/default.css stylesheet, locate the .form dt {} style and add the line (line-height: 17px;) It will fix your problem.
So by default, your code should look like:
.form dt{
margin:0;
padding:6px 9px 0 0;
width:121px;
float:left;
text-align:right;
font:11px/19px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 17px;
}
That should fix you up and everything should look good!
Did you fix that in your demo store, because I still see the issue with FF3 on the checkout page. I sent you my FF3 css fixes awhile ago. I changed a lot more than that but maybe that was all I needed to do. I still wish you had a user forum even if all the posts had to be approved first or something. Then users could of posted the fix for everyone.