How to align a graphic on page using CSS

If you want to place an element above all other elements at a specific position, you should move it out of all the other elements so it is a direct child of <body>. If you place it directly before the closing </body> tag, then it should be the topmost element if you’re not using the z-index css-property anywhere. If you do so, apply it to your blue circle as well.

Then to place it to a specific location, use the following CSS:

#blue_circle {
position: absolute;
top: [whatever you want]px;
left: [whatever you want]px;

of course you can also use relative positioning (% instead of px) to set the position of your element.