Проблемы в IE плавающих блоков

[FXIX]

Проблема в IE. В остальных все нормально. Ткните пальцем где туплю.

XTML:

  <div id="head">
    <a class="motto" href="#" >Сайт - это просто!</a>
    <a class="logo" href="#" ><span>Хорошие сайты</span></a>
    <ul class="advnav">
      <li><a class="home" href="#">home</a></li>
      <li><a class="sitemap" href="#">sitemap</a></li>
      <li><a class="mail" href="#">mail</a></li>
    </ul>
    <!--.menu -основное меню-->
       <ul class="menu">
          <li> <a href="#">Услуги</a> </li>
          <li> <a href="#">Тарифы</a> </li>
          <li> <a href="#">Хостинг</a> </li>
          <li> <a href="#">Портфолио</a> </li>
          <li> <a href="#">Калькулятор</a> </li>
          <li class="lastb"> <a title="Контакты" href="#">Контакты</a> </li>
        </ul>
      </div>

CSS:

#head {
	overflow:hidden;
}

a.motto {
	float:left;
	margin:82px 0 0 2px;
	display:block;
	width:285px;
	height:35px;
}

a.logo {
	display:block;
	width:104px;
	height:108px;
	position:relative;
	float:right;
	margin-top:25px;
}

ul.advnav {
	float:right;
	margin:21px 42px 0 0;
}

ul.menu {
	overflow:hidden;
	background:url(../pc/i/menu-razdel-bg.gif) 0 0 repeat-x #458101;
            clear:both;
            float:right;
	margin-top:19px;
}

В общем словами. Шапка обертка overflow:hidden;. Слоган .motto зафлоачен налево. Красный логотип .logo зафлоачен направо. Доп.навигация advnav встает между ними и прибиваем ее вправо, зафлоачивания направо. Главное меню .menu зафлоаченно направо. Во всех браузерах все нормально, кроме IE.

В нормальных браузерах:

Безобразие в IE:

[Argus]

а можно это онлайн посмотреть?

на первый взгляд пока вижу только, что в коде используется overflow:hidden; который для IE6 ничего не даст. специально для него ставится height:1%; к примеру.

а так надо смотреть. не хватает информации

[FXIX]

Да онлайн пока нету, не выкладывал. Это не IE6 а IE 7 такое творит. Как разберусь напишу

[FXIX]

Решение - обернуть меню в дополнительный пустой див без стилей.