How to get floating DIVs to work properly in all browsers

Thonky.com » Cross-Browser Compatibility Guide » CSS Floats Guide

Floating DIVs can create confusion and problems in different browsers. This article will discuss some of the common problems that arise from using float on DIVs, and how to avoid them.

A DIV is normally a block-level element. This means that, by default, the DIV will be 100% width: as wide as its containing block.

This means that, in most cases, in order for float to do anything meaningful, you will have to give the DIV an explicit width.

Once the DIV has an explicit width, float: left will make the DIV float to the left, and float: right will make the DIV float to the right.

(More coming soon.)