gap between divs in IE6

[Halim]

Hi,

i got problems with my test page. IE6 shows about 10px gap between two divs. CSS is validated. Here are the code

.bar{ 
clear: both; 
background: url(ajaxtabs/linebarfortab.jpg) no-repeat; 
width: 472px; 
height: 8px; 
} 
#countrydivcontainer{ 
width: 450px; 
padding: 10px; 
margin-bottom: 1em; 
border: 1px solid gray; 
} 
 
<div class="bar"></div> 
<div id="countrydivcontainer"> 
This is some default tab content, embedded directly inside this space  
and not via Ajax. It can be shown when no tabs are automatically  
selected, or associated with a certain tab, in this case, the first  
tab. 
</div> 

Thank you so much

[edited by: alt131 at 5:57 am (utc) on Jun 5, 2011]
[edit reason] Side Scroll [/edit]

[Halim]

problem is solved. the solution is to add font-size: 0 into the "bar" class