Source: https://www.facebook.com/groups/DiviThemeUsers/permalink/826212527508345

To anyone struggling with Firefox ignoring ‘padding-top: x%’ and padding-bottom: x%’ (percentage values instead of pixels) I’ve found a workaround.

After a bit of research it’s apparently a known (and has been for a while) ‘bug’ in FF. Pixel values work, ‘% values’ dont. This is not ideal for making things ‘responsive’ as sometimes you cannot give an exact pixel value (especially if the container height is variable).

So, as ‘vh’ (viewport height) does near enough the same as ‘%’ I tried padding-top: Xvh; and padding-bottom: Xvh; and they work in both Chrome & FF (with X being the actual amount)

» instead of 25% you enter 25vh