All right, working with CSS positioning in a pain, and I hereby propose the following adjustment to the "position" element of CSS.
anchor-point: [x=position, y-position]
Here's the concept,
You create a div, or other block level element
In the body or other element you define an acnhor-point as follows in your css.
anchor-point: 50, 10;//this value could be pixels, %, and em.
This would create an anchor point 50 pixels from the left an 10 pixels from the top.
Now if you want to position another block level element say 100 pixels down and 30 pixels right, (I'll use a div with a class of div 1 in my example) you'd do this...
top: 100;//this value could be pixels, %, and em.
left:30;//this value could be pixels, %, and em.
Of course you ask, what happes if you define multiple acnhors, 1 in the body and another in a table or div? Well, my solution would be that the anchor points are inherited from the closest parent element.
Just my 2-bits on the subject. If something like this exists please let me know. I find the "relative" about as easy to get along with as my own relatives.