Line Break Between Div and Table

[starliner]

Hi All;

i have a problem in ie6.
There is a line break between divs and my header table. I tried everytihng to fix it bu not.I will give Screen shot and my codes.

my header codes;

<div id="solust"></div>
<div id="sagust"></div>
<div id="ust"></div>
<div id="sol">
<div id="sag">
<table border="0" width="100%" cellpadding="0" cellspacing="0" class="anatablo">
 <tr>
 <td class="headarka"><table border="0" width="100%" cellpadding="0" cellspacing="0">
  <tr>
  <td height="29" >
<div id="nav">
<ul>
<li>navbar links</li>
</ul></div>
</td>
  </tr>
  <tr>
  <td><table border="0" width="100%"cellpadding="0" cellspacing="0">
   <tr>
   <td width="284"><a href="#"><img border="0" src="#*$!.png" width="284" height="93" class="logo"/></a></td>
   <td width="600"><div class="duyuru">other content</div></td>
   </tr>
  </table></td>
  </tr>
 </table></td>
 </tr>
</table>
</div>
</div>
</div>
<div id="solalt"></div>
<div id="sagalt"></div>
<div id="alt"></div>

my css codes are;

ul{
margin:0; 
padding:0; 
list-style-type:none;
font-size:0;
}
#sol {
background:#b9b99d url(#*$!x/yy.gif) repeat-y left;
padding-left:21px;
}
#sag {
background:#b9b99d url(#*$!x/yy.gif) repeat-y right;
padding-right: 21px;
}
#solust {
background:#b9b99d url(#*$!x/yy.gif) no-repeat left top;
float:left;
width:21px;
height:7px;
}
#ust {
background:#b9b99d url(#*$!x/yy.gif) repeat-x;
height:7px;
}
#sagust {
background:#b9b99d url(#*$!x/yyt.gif) no-repeat right top;
float:right;
width:21px;
height:7px;
}
#solalt {
background:#b9b99d url(#*$!x/yy.gif) no-repeat;
float: left;
height: 7px; 
width:21px;
}
#alt {
background:#b9b99d url(#*$!x/yy.gif) repeat-x;
height: 7px;
}
#sagalt {
background:#b9b99d url(#*$!x/yy.gif) no-repeat;
float: right;
height: 7px;
width: 21px;
}
.headarka {
background-image:url(#*$!x/yy.gif);
background-repeat: repeat-x;
}

These codes are working perfect in ie7 and mozilla 2.2 but it show like in the picture at ie6
thanks for your helps.

[edited by: encyclo at 9:35 pm (utc) on Feb. 10, 2008]
[edit reason] no screenshot links please, see posting guidelines [/edit]

[limbo]

Hi Starliner. Welcome to WebmasterWorld [webmasterworld.com] :)

Have you heard of the universal/global CSS reset? It's a great method for setting all your HTML's default browser properties to 0. It sounds to me like IE is automatically placing margins round your table...

table {margin:0;border:0;padding:0;}

Might also have the desired effect.