Cross Browser CSS Calc()

css-calc.css

/* 1. write it out for older browsers */
/* 2. use the vendor prefix for webkit */
/* 3. use the vendor prefix for moz */
/* 4. include the un-prefixed version last */

#foo {
	width: 200px;
	width: -webkit-calc(50% - 100px);
	width: -moz-calc(50% - 100px);
	width: calc(50% - 100px);
}

Thank you guys.

Awesome. Thanks for this.

Note that -o-calc and expression will raise errors at most CSS validators. Probably thats why they were not included initially.