This text is positioned 100 pixels from the left edge of the browser window, and 43 pixels down from the top edge.

This text is positioned 0 pixels across and 120 pixels down. Notice that a value of 0 puts the text right up against the edge of the browser window. Also, the image at the top of the page is positioned with a top value of -23, so it's partially cut off by the top of the window.

?
This text is positioned 50 percent across. Resize the browser window and the left edge of this text will move because the size of its parent element (<BODY>) will have changed. But the other elements on this page are positioned with length values, so their upper-left corners won't move.

The browser will position elements on the page regardless of where anything else is. So, if elements happen to overlap, they overlap. That's why the question mark to the left overlaps this text. Once an element is positioned, you can be guaranteed it stays there. Yay!

If your browser doesn't support this CSS property, click here to see what it looks like.