The background-position CSS on my site is not working as it used to after switching to Firefox 57 Quantum.
Hello!
On my site, http://fleishmanhillard.de/, there is a dashed border on the top and bottom of various sections ("News & Meinungen", "@FLEISHMANDE", etc). The borders are created using two linear gradients (the CSS can be found in the attached "border-background-css.png"). In versions prior to Firefox Quantum, the linear gradient spanned the entire width of the element, but now, as you can see, it's only spanning a portion of the element (and the amount that IS spanned changes depending on the screen size). I don't see this behavior in Safari or Chrome.
I'm not sure if I need to change something about how I've written the CSS, to ensure that the background linear gradients span the entire width of the element, or if this is a bug in Quantum for how background-position is handled. Any ideas would be greatly appreciated!
Thanks, Nathan
Ändrad
Alla svar (2)
Wasn't able to add the image for some reason when I initially posted the question, so hopefully it is posted here.
I don't notice any problem with the width, but there is a funny pattern of some dots being lighter and some being darker.