Большое расстояние в IE 6

[jumancy]

Есть инпут для загрузки. И рядом кнопки "+" и "-" при нажатии на которых внизу добавляются еще загрузки.(его генерирует JS). Проблема в том что расстояние между ними в IE 6 очень большое. Думаю это из-за блока <div class="clear"></div>. После того как для него написал свойства height:0 в IE 7 стало нормально, но IE 6 так и не стало измениться.

Ссылка - http://jsfiddle.net/YER8y/

Во всех браузеров кроме IE 6 показывает нормально. Не пойму откуда он берет расстояние

Код примерно такой:

		<div class="inputs">
			<div class="upload2">
				<img src="" width="18" height="19" />
			</div>		
		        <div class="upload1">
				<input type="file" name="photo[]" size="55" style=" padding: 0px 4px; width: 430px; background-color: #f0f0f0;" />
				<input type="button" name="add" value="+"  id="add_n" style="width:20px"/>
				<input type="button" name="add" value="-"  id="remove" style="width:20px"/>
			</div>
			<div class="clear" style="height:0"></div>
                        <!-- новые поля загрузки появляются здесь -->
		</div>

И код поля загрузки кот. появляется при нажатии на кнопку

<div class="field"><div class="upload3" ><img src="" width="18" height="19" /></div><div class="upload1"><input type="file" name="photo[]" size="55" style=" padding: 0px 4px; width: 430px; background-color: #f0f0f0;" value="' + i + '" /></div></div><div style="clear:both" style="height:0"></div>

CSS

.inputs2 {
	padding:6px 10px 0 10px;
}
.upload1 {
	display:inline-block; 
	padding-right: 7px;

}
.upload2 {
	display:inline-block; 
	padding-right: 4px; 
	position:relative;
	top:3px
}
.upload3 {
	display:inline-block; 
	padding-right: 7px;
	position:relative;
	top:3px
}
*html .upload3 {float:left;top:0}
* +html .upload3 {float:left;top:0}
*html .upload1 {float:left;}
* +html .upload1 {float:left;}
*html .upload2 {float:left;margin-right:3px;}
* +html .upload2 {float:left;margin-right:3px}
.clear {clear:both}

Edited July 11, 2011 by jumancy

[klierik]

ссылку на страницу

[psywalker]

ссылку на страницу

А сверху дал ТС.

[jumancy]

Ссылку написал же http://jsfiddle.net/YER8y/

[Searcher]

А ИЕ6 принципиален? Он же уже почти помер...

Потом, для ИЕ6 лучше использовать не хаки, а условные комментарии.

Ну и зачем блок clear? Вместо него задайте просто родителю overflow:hidden;

[Vlad]

Подозреваю проблема из-за того, что внутри тега ничего нет. У IE с этим бывают проблемы. Проверить не могу, IE6 нет и его эмуляторов тоже, но вы легко можете сами провести эксперимент, добавив   внутрь <div>.

[psywalker]

jumancy, overflow: hidden; должно помочь.

[jumancy]

Searcher, psywalker,

Да, помогло. Но в IE 7 не сработало, там условными комментариями написал clear:both