I suggest you use a CSS reset like the one from YUI. It will make your pages much more consistent across all browsers, including font rendering. It makes the biggest difference with IE and the other browsers, but it gets rid of all manner of inconsistencies.
More Related Contents:
- :not() selector not behaving the same between Safari and Chrome/Firefox
- Fonts looks different in Firefox and Chrome
- how to override font boosting in mobile chrome
- Hide scroll bar, but while still being able to scroll
- Does Firefox support position: relative on table elements?
- How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
- Remove extra button spacing/padding in Firefox
- Chrome Font appears Blurry
- Height 100% on flexbox column child [duplicate]
- image moves on hover – chrome opacity issue
- How is font size calculated?
- Prevent flex item from exceeding parent height and make scroll bar work
- CSS-Only Sticky Table Headers In Chrome
- Scrollbar color change in Firefox
- What does font-size really correspond to?
- Percentage padding / margin on grid item ignored in Firefox
- Some font-size’s rendered larger on Safari (iPhone)
- Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?
- Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
- CSS: 100% font size – 100% of what?
- What does @-moz-document url-prefix() do?
- background-attachment fixed with transform not working in Firefox
- SVG Fill not being applied in FireFox
- text-decoration not working for visited state link
- Specify width in *characters*
- chrome : how to turn off user agent stylesheet settings?
- Firefox blurs an image when scaled through external CSS or inline style.
- -webkit-font-smoothing property has no effect in Chrome
- Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
- How to Make Select Element be Transparent in Chrome?