Safari v73 LI-float bleeding

This is a paragraph. The paragraph does not make its way into the floated div to the right, no matter how you adjust the window size. Unfortunately, this is not the case with list items:

1. Depending on the length of this list item and the size of the window, the last word or two of this list item will bleed over across the border into the <div> to the right. If the list item is not bleeding over, try adjusting the window size.

2. Note that it doesn't matter whether or not the list item encloses a non-list-item tag, such as a paragraph. This particular list item encloses a paragraph, but it still crosses the border into the float.

3. The problem disappears entirely if you delete the page's DOCTYPE.

The CSS on this page consists solely of the following:

  #side {
    width: 300px;
    float: right;
    border: #000 1px solid; 
    background: #cfc;
  }

The border and background are irrelevant, and the width can be absolute or relative.

Please feel free to contact me about this, if necessary. Thanks,

- Evan