Often, I come across code that looks like this:
#container {
background:#000000 none repeat scroll 0 0;
display:block;
overflow:hidden;
position:relative;
width:100%;
}
I have always believed that the 'position: relative' CSS property is meant to position an element relative to its parent using the properties left, right, top, and bottom (in pixels). However, in the example above, it is used alone. What is the purpose of using it like this? How does 'position: relative' affect other properties?