making one square appear in the top right corner of another

According to <http://www.w3schools.com/Css/pr_class_position.asp>, "an
element with position: absolute is positioned at the specified
coordinates relative to its containing block."

I'm trying to do something like that, myself. Place an element in a
position relative to its containing block. Unfortunately, it doesn't
seem to be working:

http://www.frostjedi.com/terra/scrip...ox-in-box.html

I could use position: relative and assume that the box will always be
200x200, but that's not a safe assumption. I could also do position:
absolute, using the behavior that it's demonstrating, but again,
that'd be making an unsafe assumption.

Any ideas?

re: making one square appear in the top right corner of another

In article
<80cd4c89-acd2-412a-889e-6e0af3eb047d@8g2000hse.googlegroups.com>,
yawnmoth <terra1024@yahoo.comwrote:
Is this what you want:

<http://dorayme.890m.com/alt/relativelyAbsolute.html>

--
dorayme

re: making one square appear in the top right corner of another

On Aug 6, 5:59*pm, dorayme <doraymeRidT...@optusnet.com.auwrote:Yup - I guess adding position: relative to the containing block did
the trick - thanks!