Mozilla Firefox border rendering

Question

I've come across a strange thing in Firefox, which has become a problem to me. It seems that Firefox renders borders thinner than other browsers.

For example I have just a simple empty div element, and nothing else on the webpage, with a border set to width:3px. In all other browsers, such as IE, Opera, Chrome and Safari, the width looks the same and is in fact 3px wide. But in Firefox I noticed that the border width seemed thinner. So I checked the border width with Firebug, under the Computed tab -> Box model. And yes as I suspected, the rendered border in Firefox is thinner. The border width that Firefox rendered is actually 2.2px and not the expected 3px.

This small difference with Firefox completely messes up my design.

Has anyone else noticed this? Does anyone have a solution for this?

Answer 1

Hit CTRL+0, or View > Zoom > Reset.