I just found out that I can use top: Xpx and left: Ypx to position anything in CSS, and it works with version 4+ browsers... But there must be something I'm not getting, here, else everyone would do this, right?

Anyways, the code I got was something like:

<div class="content">The content of the page here..</div>
<div class="sidebar">Sidebar stuff here</div>
<div class="headline">headline</div>

and this would be all i'd need in the <body> of the page, then the CSS would be:

div.sidebar {
position: absolute;
top: 30px;
left: 5px

div.headline {
position: absolute;
top: 50px;
left: 100px;
font-family: Trebuchet MS;
font-size: 15pt;

div.content {
position: absolute;
top: 70px;
left: 90px;
font-family: Trebuchet MS;
font-size: 10pt;

Does this really work?? I mean, there must be somethign keeping everyone from doing this, right?

And what is position: absolute (i think there is something like position: relative or something, but don't know the difference)