Что за отступы в ie 6-7

[andyarus]

На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей.

Чем это вызвано и как убрать?

[psywalker]

Попробуй элементам с float: поставить display:inline;

[andyarus]

Вот код:

<li style="background: none; padding: 5px 0; border-bottom: solid 1px #ccc;" id="user-1">

  <div style="float: left; margin-top: 3px;">
    <a href="http://e-finland.ru/1-vas/" title="Открыть профиль Vas's">
      <img src="index_files/thumb_8e.jpg" alt="Vas" style="width: 32px; padding: 2px; border: solid 1px #ccc;" />
    </a>
  </div>

  <div style="margin-left: 42px; margin-top: 8px;">
    <a href="http://e-finland.ru/1-vas/">Vas</a>
  </div>

  <div style="margin-left: 42px;"><small>Очки: 14</small></div>

  <div style="clear: left;"></div>
</li>

Использую для ie стиль:

#modTopMembers li { display: inline; zoom: 1; }

Отступ между картинкой и ником исчезает.

Если удалить:

<div style="clear: left;"></div>

Тогда все встанет как нужно.

Как убрать отступ, не удаляя строки?

И откуда вообще эти отступы берутся бл.

Edited May 6, 2011 by andyarus

[psywalker]

Попробуй вместо <div style="clear: left;"></div> повесить на <div style="margin-left: 42px; overflow:hidden;"

[andyarus]

Зачем это? Я если честно не понимаю зачем вообще эта строка там нужна, если ее убрать, в новых браузерах ничего не изменится.

Есть решение без удаления? Через стили? Как я понял отступ создает высота этого <div style="clear: left;"></div> блока? как ее обнулить? откуда она вообще взялась там?

Или в чем проблема?

[psywalker]

Хрен его знает. Но я знаю точно, как можно сверстать этот блок красиво.

[andyarus]

Чтобы было красиво, нужно все переделать)

В общем проблема решена:

#modTopMembers li { display: inline; zoom: 1; } в стили для ие;

<div style="clear: left;"></div> - удаление из кода.

Спасибо за советы!

Осталось только с шириной разобраться, чтобы длинные ники норм влазили...

[psywalker]

Чтобы было красиво, нужно все переделать)

Именно!