A strange issue is occurring with Internet Explorer on a website, where it seems to be misinterpreting the code. Instead of reading <tag></tag>bla bla</tag><//tag>, it shows something completely off. An example of this problem can be seen in the nav section:
<nav>
<ol>
<li><form action="Algemene Voorwaarden Bijles Studio.pdf" method="get" target="_blank">
<button>algemene voorwaarden</button>
</form>
Bla Bla
</li>
</ol>
</nav>
Upon inspecting the element in IE, we see that it is not displaying correctly:
<nav></nav>
<ol>...</ol>
</nav><//nav>
This issue isn't just limited to nav tags, but also affects figcaption, section, footer, and other elements. For example, IE displays the following for figcaption:
<figcaption></figcaption>
Onze bijlesdocenten
</figcaption><//figcaption>
It's worth noting that the website functions perfectly in Google Chrome and other browsers.
You can visit the site at: Comment: I initially posted this question on ProWebmasters, but was redirected here as the mod suspected it might be a CSS-related issue. Please refrain from deleting this post as a duplicate. Thank you.
Regards, Jens Wagemaker