Why are the top of large numbers cut off in IE?


I have a silly lil problem that I cannot see what to do about?

We have some large numbers in this page:

that is the large Blue numbers 1, 2 & 3 that you see.
These display just fine under ALL Web browsers but (as usual) certain IE browsers do not
display them all right. That is IE is cutting off the top 4th of these large numbers!!!

Can you suggest what to do to correct this IE only problem?


I’d say this is a line-height issue. It will change your layout slightly, but I’d try something like add the line in red:

.big_blue_nums {
  color: #6A7FAA;
  font-size: 48px;
  font-weight: bold;
  [COLOR="#FF0000"]line-height: 1;[/COLOR]

Your suggestion works.

Have a nice day :slight_smile: