Выпадающее меню в HTMLДокументе

Есть файл html. Запуская его меню работает. Вставляю код в 1С отображается сплошным списком. Подскажите в чем проблема?

<HTML>
<head>
<style>
#primary_nav_wrap ul
{
    list-style:none;
}

#primary_nav_wrap ul a
{
    display:block;
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding:0
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:200px
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}
li a {
        display: block;
        text-decoration: none;
        color: #666;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        border-bottom: none;
}

li a:hover {
    color: #ffe;
    background-color: #5488af;
}

#primary_nav_wrap ul li:hover > ul
{
    display:block
}
</style>
</head>
<body>
<nav id="primary_nav_wrap">
<ul>
  <li><a href="#">Меню 1</a>
    <ul>
      <li><a href="#">Вложение 1</a></li>
      <li><a href="#">Вложение 2</a></li>
    </ul>
  </li>
  <li><a href="#">Меню 2</a>
    <ul>
      <li><a href="#">Вложение 1</a></li>
      <li><a href="#">Вложение 2</a></li>
    </ul>
  </li>
</ul>
</nav>
</body>