Font size in all browsers

Having problems with font sizes in some browsers? Here's the deal...

Resizing fonts is very useful when creating web pages, but sometimes the output is not as expected in all browsers, especially Internet Explorer. Why? Because IE doesn't agree resizing with pixels like other browsers: e.g.

div {font-size:25px;}
h4 {font-size:14px;}

they work perfectly in all browser but not in IE. Internet Explorer uses em units. So,
1em equals 16px

This looks pretty simple after all, but unfortunately IE is a little more pretentious. Using em units is not enough to display your resized fonts in IE. You need to combine percent and em units to obtain the same size like in all the other browsers! Here's how it works: First set a default (percent) font size for the body tag of the html document --> body {font-size:100%;} then resize the font for the other tags using em units --> div {font-size:25px;} This is how to get the same font-size in all browsers!

See more about lengths in CSS here