Для начала вам нужно понять как работает html. Элементы бывают блочные и инлайн. Блочные выстраиваются друг под другом, инлайн слева на право. Если вы изменяете ширину, то ширина "увеличивается вправо" потому что слева элемент "подперт" другим элементом или краем экрана. Чтобы "увеличить размер влево" вам нужно:
1. увеличить размер на x пикселей
2. сдвинуть элемент влево на x пикселей относительно его прошлого положения.
Сделать то что описано в п.2 можно разными способами, в зависимости от верстки. Например: position: relative; left:-50px;
А вообще яростно плюсую ScorpLeX: почитайте документацию.