Problem with absolute positioning in Firefox and Chrome

Question

I don\'t understand why FF and Chrome render my page differently. Here\'s a screenie of it in

firefox: firefox example http://grab.by/65Bn

and here\'s one i

Answer 1

Using a feature query against one of mozilla's platform-native properties is probably the correct approach for this in 2020. -moz-appearance is one such property, but others would work as well.

@supports (-moz-appearance: none) {
 .remove-me {
    border:1px solid red;
    position:absolute;
    right:0;
    top:0;
  }
}