The rules applied are: #id1 {top: 2px; position: relative} #id2 {top: 50%; position: relative} #id3 {top: auto; position: relative} #id4 {top: inherit; position: relative}
This paragraph has position relative, and top of 2px.
This paragraph has position relative, and top of 50%.
This paragraph has position relative, and top of auto.
This paragraph has position relative, and top of inherit.