IEs(7&8) render basic fonts slightly larger

a {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9p开发者_C百科x;}

Apparently IEs render font-size: 9px slightly larger. 'slightly-large' enough to break a layout. Can somebody please please help me with this issue?? I am kinda annoyed now :(

The layout will be slightly different depending on what browser you're using and what fonts are installed. You can never count on 9px text being exactly a certain size.

Part of the challenge of web design is to build enough flexibility in your layout so that this doesn't become an issue.

Try setting the line-height. This will help uniform the font across different browsers.

a {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; line-height: 1.3em; }

Try to use a reset css. On google you can find lots of information about that.