Simple Translate causes rendering issues when a page contains an element with id "simple-translate"

[johnmaguire]

Page is viewable here: https://www.johnmaguire.me/blog/firefox-starter-pack-recommended-addons/

With Simple Translate enabled:

With Simple Translate disabled:

Relevant source:

<h3 id="pushbullet"><a href="https://addons.mozilla.org/en-US/firefox/addon/pushbullet/">Pushbullet</a></h3>
<p>Pushbullet seems like it’s on life support, but it’s still the easiest way for me to send a link from Firefox to my Android phone.</p>
<h3 id="simple-translate"><a href="https://addons.mozilla.org/en-US/firefox/addon/simple-translate/">Simple Translate</a></h3>
<p>Unlike Chrome, Firefox doesn’t ship a “Translate this page” feature built-in to Firefox. This add-on adds that functionality.</p>

[johnmaguire]

It seems to be related to the id="simple-translate" attribute.

In my case, the ID is automatically generated by the Astro site builder based on the Markdown header text, so it's not easy to change without changing the title.