1c+http+css выпадающий список

Есть простейший хтмл со стилями.
При наведении мышки на пункт меню должны раскрываться подпункты
В браузерах все работает четко,
скармливаю этот код в ПолеHTMLдокумента, все перестает работать,
открываю этот код в Файл-новый- html документ, в предпросмотре работает, сохраняю, открываю и все опять ломается.
Может есть какие то хитрости с хтмл в 1с
1С:Предприятие 8.3 (8.3.12.1714)

|<!DOCTYPE html>
|<html>
|<head>
|
|<META content=""text/html; charset=utf-8"" http-equiv=Content-Type>
|<META name=GENERATOR content=""MSHTML 11.00.9600.19377""></HEAD>
|</head>
|<style>
|ul {
|    list-style-type: none;
|    margin: 0;
|    padding: 0;
|    overflow: hidden;
|    background-color: blue;
|}
|/*кнопки навигации слева*/
|li {
|    float: left;
|}
|/*настройки отображения верхнего меню*/
|li a  {
|    display: block;
|    color: black;
|    text-align: center;
|    padding: 14px 16px;
|    text-decoration: none;
|}
|/*выделяет элементы при наведени мыши*/
|li a:hover, .dropdown:hover  {
|   background-color: red;
|}
|li.dropdown {
|   display: block;
|}
|/*свойства выпадающего списка*/
|/*видимость = ложь!!!*/
|.dropdown-content {
|    display: none;
|    position: absolute;
|    background-color: #f9f9f9;
|    min-width: 160px;
|
|
|}
|/*свойства элемента выпадающего списка*/
|.dropdown-content a {
|    color: black;
|    padding: 12px 16px;
|    text-decoration: none;
|    display: block;
|    text-align: left;
|}
|/*при наведении курсора на элемент выпадающего списка меняет его фон*/
|.dropdown-content a:hover {
|    background-color: #f1f1f1
|}
|/*при наведении курсора отображает выпадющий список*/
|.dropdown:hover .dropdown-content {
|    display: block;
|}
|</style>
|
|<body>
|<h1>Менюшки</h1>
|<ul>
|  <li><a href=""#"">Главная</a></li>
|  <li><a href=""#"">Новости</a></li>
|  <li class=""dropdown"">
|    <a href=""#""class=""dropbtn"">Выпадающие</a>
|    <div class=""dropdown-content"">
|      <a href=""#"">Ссылки 1</a>
|      <a href=""#"">Ссылки 2</a>
|      <a href=""#"">Ссылки 3</a>
|    </div>
|  </li>
|</ul>
|</body>
|</html>