fixing typo in css ("-" instead of "+" - see unprefixed css property below)
use 100% for browsers without calc() support