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

Yeap... As long as IE showing the right thing you're right. Don't need to look for the "real" solution...

I am having this problem, but my gaps are above my div not below so the overflow cuts it off.

Do show the CSS so we can see what's the problem with it?