Here are a few tips for absolute positioning with CSS:
1) Default Position
By default, if you don't give values for the top and left styles, they are set to show the element where it would normally be displayed on the page.
2) Position Relative to a Parent
The element is positioned relative to a parent container. By default, the container is the browser window, but if a parent element has position: relative or absolute set on it, then that will act as the parent for positioning coordinates for its children.
3) Centering an Absolute Element
Here's...
