i am using ie6 and 7 and other browsers for consistancy. most of the layout works fine in all browsers except for ie 6 especially about creating unwanted vertical gaps between the end of 1st div and the begining of the next div, this issue is only with ie6 not with all the other browsers including ie7


in order to fix this i am using <br class="break" /> or <div class="clear"></div>
.break {
clear: both;
}
.clear {
clear: both;
}


using either <br class="break" /> or <div class="clear"></div> i am able to remove the unwanted vertical gap that ie6 is creating, however due to this i am increasing the number of <br class="break" /> or <div class="clear"></div> tags in my entire page, i guess its not a big issue but if there is a way i can avoid that unwanted vertical gap created by ie6 so that i can reduce the number of times i use <br> or <div> as mentioned above it would be great.

also for the 2nd div i am using clear: both as the div above is floating.

can anyone please advice if there is a work around for this.

thanks.

First of all, you don't need the clearing on divs or <br>'s or any other element. Read our stickies on Clearing Floats.

As for your unwanted gaps, lets have a URL or ALL of the code, otherwise we can't possibly help you.