Ненужные отступы между слоями в ИЕ

[Ramshine]

HTML

<div id="main">
 <div id="top_line01"></div>
 <div id="top_line02"></div>
 <div id="top_line03"></div>
 <div id="head">ddddddddddddddd
 </div>
</div>

#main {
 width:989px;
 margin: 0 auto;
 background:url(images/top_bg.jpg) 500px 0 no-repeat;
 height:250px;
 padding:0;
}

#top_line01 {
 background: url(images/top_line02.jpg) repeat-x;
 height:6px;
 width:214px;
 float:left;
 padding:0;
}
#top_line02 {
 background:url(images/top_line01.jpg) repeat-x;
 height:6px;
 width:493px;
 float:left;
 padding:0;
}
#top_line03 {
 background: url(images/top_line02.jpg) repeat-x;
 height:6px;
 width:278px;
 float:left;
 padding:0;
}
#head{
 background: url(images/search_bg.jpg) 30px 0 no-repeat;
 margin:0;
 height:175px;
 width:709px;
 float:left;
 padding:0;
}

Проблема заключается в том что, между блоками в ИЕ образуются ненужные по вертикали отступы, а именно верхние 3 слоя у меня это 3 горизонтальных линии, а ниже уже идет сама шапка, и именно между этими линиями и шапкой и образуется промежуток. Незнаю как от них избавиться перепробывал все что знал, последняя надежда это ВЫ!!! Заранее спасибо за помощь)

[rmaksim]

для - это 3 горизонтальных линии

overflow: hidden; или line-height: 0;

[Ramshine]

о_О спс ты спас меня, помогло overflow: hidden;

тема закрыта

[Dimitry Wolotko]

В проблемы верстки.