 |
 Officially Licensed NHL Washington Capitals Padded Bar Stool 30 Chrome Base $89.99 Time Remaining: 21d 8h 45m Buy It Now for only: $89.99 |
 Officially Licensed NHL Washington Capitals Padded Bar Stool With Back $114.99 Time Remaining: 21d 8h 51m Buy It Now for only: $114.99 |
 NHL Washington Capitals Padded Bar Stool $114.99 Time Remaining: 5d 20h 8m Buy It Now for only: $114.99 |
 NHL Washington Capitals Padded Bar Stool with Back $159.99 Time Remaining: 12d 9h 38m Buy It Now for only: $159.99 |
How can I change how Firefox calculates line heights?
I am trying to make links on a site I am designing have a solid background. So I am using the following style:
a
{
font: "georgia", times new roman, serif;
font-size: .8em;
font-style: oblique;
background-color: #000000;
color: #ffffff;
padding: 2px 5px;
}
Only Safari applies the padding from top of capital letters, whereas Firefox uses the height of lower-case letters.
So if my link says "Click Here", using the above style in Safari there would be 2px above and below the first capital "C", but in Firefox there would be 2px above the lower-case "c". The uppercase "C" would be right up against the top of the box.
Is there any way to force Firefox and Safari to work the same way?
Your CSS is incorrect, the first line should be font-family, not font.
In all likelihood, you either have some invalid code somewhere causing Fx to ignore it, or you have another style somewhere else overriding it.
If you truly believe your code is correct, make sure that the version of Fx you are using is one that does not have a bugged padding implementation. If it's one that _should_ have it working, submit it as a bug.
Rant: Abercrombie & Fitch Sells Padded Bathing Suit Tops to Little Girls