Неправильное построение DOM в ie7

[Enclave]

На сайте есть меню вверху с разделителем. Меню сделано списком. Разделители - div.sep

<ul class="menu" id="topmenu">
<li class="item-101 current active"><a href="/" >На главную</a></li>
<div class="sep"></div>
<li class="item-102"><a href="/index.php/about" >О проекте</a></li>
<div class="sep"></div>
<li class="item-103"><a href="/index.php/news" >Новости</a></li>
<div class="sep"></div>
<li class="item-104"><a href="/index.php/advertisers" >Рекламодателям</a></li>
<div class="sep"></div>
<li class="item-105"><a href="/index.php/contacts" >Контакты</a></li></ul>
<div class="clear"></div>

Но в ie7 DOM перестраивается и разделители оказываются внутри li! Вот так:

<ul class="menu" id="topmenu">
  <li class="item-101 current active">
   <a href="/" options="[object Object]" iswrapped="1">На главную</a>
   <div class="sep"></div>
  </li>
  <li class="item-102">
   <a href="/index.php/about" options="[object Object]" iswrapped="1">О проекте</a>
   <div class="sep"></div>
  </li>
  <li class="item-103">
   <a href="/index.php/news" options="[object Object]" iswrapped="1">Новости</a>
   <div class="sep"></div>
  </li>
  <li class="item-104">
   <a href="/index.php/advertisers" options="[object Object]" iswrapped="1">Рекламодателям</a>
   <div class="sep"></div>
  </li>
  <li class="item-105">
   <a href="/index.php/contacts" options="[object Object]" iswrapped="1">Контакты</a>
  </li>
 </ul>
 <div class="clear"></div>

Doctype: XHTML 1.0 Strict или Transitional, везде глюк.

Почему так происходит? В ie8 тоже самое было, но забыл тогда doctype указать. А сейчас что?

Edited September 18, 2011 by Enclave

[Myuzik]

вы пытаетесь вставить div непосредственно в ul. Это не правильно. В ul должны быть только элементы списка li, а вот уже внутри li вставляйте что захотите.

[Enclave]

ГЕНИАЛЬНО ЖЕ! Спасибо большое! Заменил на li.sep и все ок!