vertical gaps

when i create pages i used to face a small issue only with ie6 and ie7

for example there is a div with is floated and after this there is another div normally i used to give clear both before the next div starts inspite of this only in ie6 and ie7 there used to be a small vertical gap of 2-3px after which the next div used to start, in all other browsers the 2nd div exactly starts where the 1st div ends

i have used the following technique to solve the issue in ie6 and 7

#div1{
float: left;
width: 900px;
height: 100px;
overflow: hidden;
}


previously i used to use negative margin for ie so that the 2nd div starts exactly where the 2nd div ends, by using overflow: hidden; i do not have to give negative pixels for ie and it is working fine in ie6 and ie7 now with overflow: hidden

is this the right way to go about for ie6 and ie7

please advice.

thanks