использование HTML в 1С. Сделать "выпадающее" подменю

Создавая в Блокноте - всё работает как планировалось (принаведении на Меню появляется ранее скрытое Подменю).

Переношу в 1С.

Между тегами <head><style> .............  </style></head> ставлю скопированный css-код:

---------------------------------------

|ul {    | display: block;    | margin: 0;    | padding: 0;    | list-style: none;|}|ul:after {  |  display: block;   | content: ' ';   | clear: both;    |float: none;|}|ul.menu > li {    |float: left;    |position: relative;|}|ul.menu > li > a {   | display: block;   | padding: 10px;    | color: white;    | background-color: red;     | text-decoration: none;| }| ul.menu > li > a:hover {   | background-color: black;| }| ul.submenu {   | display: none;    | position: absolute;    | width: 120px;    | top: 37px;    | left: 0;    | background-color: white;    | border: 1px solid red;| }| ul.submenu > li {    | display: block;| }| ul.submenu > li > a {   |  display: block;   |  padding: 10px;    | color: white;   |  background-color: red;    | text-decoration: none;| }| ul.submenu > li > a:hover {   |  text-decoration: underline;| }

| ul.menu > li:hover > ul.submenu {   |  display: block;| }

---------------------------------------

Между тегами <body> .............  </body>  html-код:

----------------------------------------

HTMLТекст = HTMLТекст + "<ul class=""menu""> <li><a href=#>Menu 1</a><ul class=""submenu""><ul> <li><a href=#>Sudmenu 1bnvbvnbvnbvnbvnbvnbvnbvnbvnbvnbvnvnvnvnvbnvnbmbmnbmnbmnbmnbmnbnmbmnbnmbmbmbmbmbmbmbmbmbmbmbmbmbmnbmbmbmbmn</a></li> </ul>  </li> </ul>";

---------------------------------------

Не изменяла ничего, кроме 3 вещей в html-коде:

1) двойные кавычки вместо одинарных,

2) собрала в одну строку,

3) встроила в формулу  HTMLТекст = HTMLТекст + "...";

и одной вещи в css: перед каждой строкой поставила "|"

Но результат: при наведении на "Menu 1" не открывается поменю. Почему так? Что надо поправить?