Absolute positioning not displaying correctly in Chrome

Question

Is it possible to have only one CSS property different in Chrome in comparison to Firefox?

A certain element has absolute positioning and is displaying correctly in Firefox but in Chrome it appears 2 pixels lower.

We need to see at least some code to help you – methodofaction Jan 01 '12 at 19:58 — methodofaction, Jan 01 '12 at 19:58

score 1 · Accepted Answer · edited May 23 '17 at 12:20

1

To target just Firefox use this:

<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>

<h1>This should be red in FF</h1>

I got this answer from another stack overflow question: Targeting only Firefox with CSS

You can test this by opening the following jsFiddle in both browsers: jsFiddle

edited May 23 '17 at 12:20

Community

answered Jan 01 '12 at 20:07

Luis Perez

1 Answers1