Remove Vertical Gap Between Divs

Cross-Browser Tips

Description or problem:

When checking cross-browser compliance you may find a small vertical gap between DIVs begin floated left or right. Adjusting the DIV widths can cause the flow of the document to be broken (especially in IE). If you adjust the width so it lines up correctly in IE you may find a small gap between the DIVs in Firefox.

Solution:

By floating both DIVs the same direction and using a negative margin you can avoid this problem.

Links:

http://pmob.co.uk/pob/three-columns-fluid.htm