FireFox 3.0 - CSS Style Fix
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;
}
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!
www.quilldesign.com
Sorry, we have not updated the demo (it takes alot of work to update the demo because of what the demo does and how it updates itself).
User forums will be coming -- we are coming out with a new website and users forums will be part of it.