You might also want to try postiontest.php.
Here we go. Everything in its place. Divide the page into boxes. Here we have the last box on the right float:right. Have the others float:left. With relative positioning, you should use margin-left, margin-right, etc. You can use both left and margin-left, and the left will either be ignored or added to the margin-left. With position:absolute, margin-left makes the left side of thing relative to the page, left makes the left side of the thing relative to the box it is nested in. If you have both the one that is last is used. MSIE adds extra margin on the left, of the leftmost box nested inside a bigger box - seems to double the amount of pixels you specify. Annoying.
Set 1 (top).
The text in Box 11 and Box 21 are both set in the Times New Roman typeface. In Box 11, each character is about 14 pixels in height; In box 21, each character is about 32 pixels high. This box is 220 pixels wide by 250 pixels high. The text should just about take up the entire box. Firefox and Opera have better systems for increase text size than MS Explorer. However, in Explorer,
Set 2 (bottom).
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox.
We need plenty of space on the bottom for the margin.