Values:<border-width> <border-style> <color> in any order (from w3.org)
static: The default. Element placed at would appear in the document flow as either block-level or inline
relative: Uses the flow but allows you to shift the element relative to its original location in the flow using left, top, etc., possibly using negative values (don't need to know this one, it's just neat).
absolute: Position is relative to it's nearest ancestor that is not static. Removes it from the flow.
fixed: Position is in relation to the screen and not the page-- you can scroll and the element will still stay in the same place in the browser window. Removes it from the flow. (also neat, but unnecessary)
Setting position:absolute allows us to use top, left, bottom, and right to fix the position of our elements (see Absolute Positioning).
W3Schools: position