Question: I can’t get `padding-bottom` to work when I use `overflow-y: auto` on a box. I use Firefox.

```css
#container {
  padding: 3em;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  height: 300px;
  background: red;
}

#some_info {
  height: 900px;
  background: #000;
}
```

```html
<div id="container">
  <div id="some_info"></div>
</div>
```

See the [JSFiddle](https://jsfiddle.net/rwgZu/).

Answer: 
You just need to add `box-sizing: border-box` to the same element where you applied the `overflow` rule.
The top answers did not work in FireFox 89. The only sensible solution I could think of is to use a `div` containing only a non-breaking space and with a fixed height set.

HTML

```
<div className="spacer">&nbsp;</div>

```

CSS

```
.spacer {
    height: 30px;
}

```

This works as it does not utilize margin or padding.