{margin-left:}

						margin-left: { { length | percentage | auto | inherit } ;
					

The {margin-left:} property defines the horizontal distance from the left border edge of the element concerned to the edge of its containing block, or the element that's horizontally adjacent to it.

If the element to the side is floated, or absolutely positioned, the {margin:} will pass through it, becauase floats and absolute elements are removed from the flow. The {margin:} will only be affected by static elements (or elements for which {position:} is set to {relative;}, and which have no coordinates) in the normal flow of the document - this includes the containing block itself.

IE version 5.5 (and 6 in Quirks Mode) does not support the centering of a block element that has a specified width by setting its left and right {margin:}s to {auto;}.

In IE versions up to and including 6, the left or right {margin:}s are doubled on floated elements that touch their parents' side edges. The {margin} value is doubled on the side that touches the parent. A simple fix for this problem is to set {display:} to {inline;} for the floated element.

If the value of the horizontal negative {margin:}s are greater or equal to the sum of the {width:}, {padding:} and {borders:} of the element, the {width:} of the element effectively becomes {0;}. Some older browsers (for example, Mozilla 1.6 and earlier versions) will appear to ignore the position of the element, much as they would an absolute element This causes issues where following elements may not correctly clear the element in question. However, most modern browsers don't experience this issue.

IE for Windows versions up to and including 7 don't support the value {inherit;}.