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

The real solution is firefox and ie don't set defaults for top, left, right, and bottom.

I was able to fix my problem by setting these properly.

Answer 2

I have used @media screen and (-webkit-min-device-pixel-ratio:0) {} and fixed my absolutes that way. Its not very dry but it works.

Answer 3

It appears that the .remove-me element might have margin. Make sure to to remove that prior to adding absolute-positioning to items.

For precise results, you should always do a 'reset' in your CSS. This means removing margin/padding from every element.

A simple reset:

* { margin: 0; padding: 0px; }

Put that at the top of your CSS.