Firefox ignores padding when using overflow:scroll

by

After a bit of brainstorming with fellow developers, although not very graceful, this pure css solution works:

.container:after {
    content: "";
    height: 50px;
    display: block;
}

Fiddle

More Related Contents:

  1. Custom CSS Scrollbar for Firefox
  2. Targeting only Firefox with CSS
  3. Does Firefox support position: relative on table elements?
  4. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  5. How to remove Firefox’s dotted outline on BUTTONS as well as links?
  6. CSS @font-face not working with Firefox, but working with Chrome and IE
  7. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  8. Remove extra button spacing/padding in Firefox
  9. Content url does not display image on firefox browser
  10. Background-image in keyframe does not display in Firefox or Internet Explorer
  11. 3D CSS transform, jagged edges in Firefox
  12. firefox overflow-y not working with nested flexbox
  13. Font-size issues comparing chrome and Firefox
  14. Prevent flex item from exceeding parent height and make scroll bar work
  15. How can I zoom an HTML element in Firefox and Opera?
  16. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  17. Fonts looks different in Firefox and Chrome
  18. Faster way to develop and test print stylesheets (avoid print preview every time)?
  19. Scrollbar color change in Firefox
  20. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  21. Percentage padding / margin on grid item ignored in Firefox
  22. What does @-moz-document url-prefix() do?
  23. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  24. Preventing an image from being draggable or selectable without using JS
  25. background-attachment fixed with transform not working in Firefox
  26. SVG Fill not being applied in FireFox
  27. position relative in firefox [duplicate]
  28. Firefox blurs an image when scaled through external CSS or inline style.
  29. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  30. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?

Leave a Comment