I found a strange thing in Firefox, and this became a problem for me. Firefox seems to be making the borders thinner than other browsers.
For example, I only have a simple empty div element, and nothing else on the web page, with a border width: 3px. In all other browsers, such as IE, Opera, Chrome and Safari, the width looks the same and actually 3 pixels wide. But in Firefox, I noticed that the border width seemed thinner. So I checked the border width with Firebug, under the tab Computed → Box model. And yes, as I suspected, the displayed border in Firefox is thinner. The border width displayed by Firefox is actually 2.2px, not the expected 3px.
This little difference with Firefox completely ruined my design.
Has anyone else noticed this? Does anyone have a solution for this?
source
share